I’m very excited to share that we’ve just released Genie Builder (beta), a free VSCode plugin built on top of Genie Framework that helps you build interactive web GUIs for your Genie/Julia apps without writing code. With Genie Builder, you can just drag & drop UI elements such as text, sliders, data tables, and plots to create data apps in minutes without worrying about the front-end code.
Don’t miss our JuliaCon talk on July 29 for a more detailed tutorial.
If you find Genie Builder useful, you can join our Discord for support, feedback, and feature requests. Can’t wait to hear your thoughts and suggestions!
I am curious how the experience compares with Dash and Makie GUIs, though I know next to nothing about any of them. Very excited for your JuliaCon talk!
If I understand your question correctly, the fundamental difference is that with GenieBuilder you create the GUI visually, by dragging and dropping UI elements onto the page – while with Dash and Makie you have to build your GUI by writing code.
Sorry, I don’t understand what you’re trying to do.
I assume what you want is the actual no-code app builder, which is distributed as a VSCode plugin that you should install from the marketplace, by using the links shared in the actual post?
Hi there
Yep I want to try out GenieBuilder and got the error. I followed the instructions to add manually when the ext install didn’t work and that’s where I am now.
followed instructions ran
ext install GenieBuilder.geniebuilder
got the extentions installed and hit start on GENIE BUILDER SERVER
got this in Repl
dave@deepthought:~/.vscode/extensions/geniebuilder.geniebuilder-0.1.8/scripts$ julia rungb.jl
_____ _ _____ _ _ _
| __|___ ___|_|___ | __ |_ _|_| |_| |___ ___
| | | -_| | | -_| | __ -| | | | | . | -_| _|
|_____|___|_|_|_|___| |_____|___|_|_|___|___|_|
LOADING -- PLEASE WAIT.
Activating project at `~/.julia/geniebuilder`
Updating registry at `~/.julia/registries/General.toml`
┌ Warning: The active manifest file at `/home/dave/.julia/geniebuilder/Manifest.toml` has an old format that is being maintained.
│ To update to the new format run `Pkg.upgrade_manifest()` which will upgrade the format without re-resolving.
└ @ Pkg.Types /buildworker/worker/package_linux64/build/usr/share/julia/stdlib/v1.7/Pkg/src/manifest.jl:287
No Changes to `~/.julia/geniebuilder/Project.toml`
No Changes to `~/.julia/geniebuilder/Manifest.toml`
ERROR: ArgumentError: Package GenieBuilder not found in current path:
- Run `import Pkg; Pkg.add("GenieBuilder")` to install the GenieBuilder package.
Stacktrace:
[1] require(into::Module, mod::Symbol)
@ Base ./loading.jl:967
ERROR: LoadError: failed process: Process(`julia --startup-file=no --depwarn=no -e '
using Pkg;
Pkg.activate(".");
Pkg.update();
using GenieBuilder;
GenieBuilder.postinstall();'`, ProcessExited(1)) [1]
Stacktrace:
[1] pipeline_error
@ ./process.jl:531 [inlined]
[2] run(::Cmd; wait::Bool)
@ Base ./process.jl:446
[3] run
@ ./process.jl:444 [inlined]
[4] |>
@ ./operators.jl:966 [inlined]
[5] installgb()
@ Main.RunGB ~/.vscode/extensions/geniebuilder.geniebuilder-0.1.8/scripts/rungb.jl:32
[6] startgb()
@ Main.RunGB ~/.vscode/extensions/geniebuilder.geniebuilder-0.1.8/scripts/rungb.jl:57
[7] top-level scope
@ ~/.vscode/extensions/geniebuilder.geniebuilder-0.1.8/scripts/rungb.jl:72
in expression starting at /home/dave/.vscode/extensions/geniebuilder.geniebuilder-0.1.8/scripts/rungb.jl:72
dave@deepthought:~/.vscode/extensions/geniebuilder.geniebuilder-0.1.8/scripts$
followed intructions to add GenieBuilder Where did I go wrong?
I try to make some test and I found that mechanics is low-documented, so I think primary feature request is more minimal working examples for buttons, file upload, ets… and documentation about views html design.
some things is unclear:
what @reactive exactly do? and how to use it?
on(model.message) do message
model.isprocessing = true
model.message[] = "Hello to you too!"
model.isprocessing = false
end
What is model.message[] and what is model.message and so on…
Hi @everyone! Today I’m excited to announce Genie Builder v0.2, a major update of our VSCode plugin to help you build Julia apps more quickly and productively.
What’s new?
We’ve integrated the new Genie Framework API, which lets you create apps with less backend code
The no-code UI editor is more powerful and polished featuring automatic loading of binding variables and other improvements.
The app template is more streamlined, making the app building process more intuitive.
Genie Builder - Quick Start Tutorial - YouTube
We’ve integrated the new Genie Framework API, which lets you create apps with less backend code
Read more in our release post: 
Thank you for the awesome user experience.