OpenUI – Next-Gen Tool for Building Powerful Applications

OpenUI aims to make the process fun, fast, and flexible. It lets users describe UI using their imagination, and then see it rendered live. You can ask for changes and convert HTML to React, Svelte, Web Components, etc. It’s like v0 but open source and not as polished 😝.

Running Locally

You can also run OpenUI locally and use models available to Ollama. Install Ollama and pull a model like CodeLlama, then assuming you have git and python installed:

git clone https://github.com/wandb/openui
cd openui/backend
# You probably want to do this from a virtual environment
pip install .
# This must be set to use OpenAI models, find your api key here: https://platform.openai.com/api-keys
export OPENAI_API_KEY=sk_XXX
python -m openui

Now open http://localhost:7878 to enjoy the magic.

OpenUI Frontend

OpenUI frontend built using vite, React, and Tailwind CSS as a SPA.

pnpm install
pnpm run dev

In a separate terminal navigate to the backend directory and run:

cd openui/backend
pip install -e .
python -m openui --dev

All changes should now be live reloaded, at good speed.

For OpenUI Backend check this documentation.

Credit : Chris Van Pelt (CVP) @vanpelt. Kudos to him for his amazing work.

Try OpenUI