NEW PLUGIN - Code IDE

Showcase Plugins
1

Introducing…

Code IDE!

Elevate your app development with Code IDE - a powerful plugin for Bubble that allows you to write code seamlessly, preview your HTML in real-time, and leverage your AI-powered coding assistance all in one convenient platform.

HTML coding and rendering in real time

html_code_to_html_element
html_code_to_html_element1646×709 61.3 KB

Other features:
A. Copy code from IDE to clipboard
B. Inject code from AI answers into IDE

Supports languages
javascript, html, xml, css, python, ruby, java, c_cpp, csharp, golang, swift, kotlin, scala

And many themes
ambiance, chaos, chrome, clouds,clouds_midnight, cobalt, crimson_editor, dawn, dreamweaver, eclipse, github, gob, gruvbox, idle_fingers, iplastic, katzenmilch, kr_theme, kuroir, merbivore, merbivore_soft, mono_industrial, monokai, pastel_on_dark, solarized_dark, solarized_light, sqlserver, terminal, textmate, tomorrow, tomorrow_night, tomorrow_night_blue, tomorrow_night_bright, tomorrow_night_eighties, twilight,vibrant_ink, xcode

DEMO:

2 Likes
2

Hey this is super cool

1 Like
3

I tried but show the I dont have permission

4

Sorry, I had been testing and was using API keys. It’s open now.

5

How I use this, I can add css style in my app bubble? help me

6

After it’s installed all you have to do is place the element on your app, and use the create an instance with the provided action.

7

hello, for me it is showing error when I click on the second button.

8

@doug.burden cool!

Is it possible to link CSS to the html?

9

Yes it is