Make a wish. Get an interface you can edit.
Describe what you need and genieUI composes it from real components in your design system: selectable, movable, and exportable. Using the AI model you configure.
Describe the screen you need…Generate
TopAppBarCardTextFilterChipGroupListItemNavigationBar
TopAppBar
Card
Neighborhood roastery
Neighborhood roasteryText
12 roasteries open now
FilterChipGroup
Filter coffeeEspressoSugar-freeTo go
ListItem
Sótano Café220 m · Natural Ethiopia
Casa Molienda480 m · Tasting at 6:00 PM
Puerto Verde1.1 km · Medium roast
NavigationBar
DiscoverMapSaved
ClaudeCodex
Gemini
OpenCodeGrok
Kimi
DeepSeek
QwenGLM
MiniMaxMistral
Groq
Between a phrase and an interface lies a design decision: what the AI is allowed to invent.
- 01Input
You make a wish
One sentence in natural language. The provider and model are the ones you configured in your workspace.
- 02Constraint
The genie chooses from registered components
The model does not reply with free-form HTML or CSS: it selects, configures, and positions registered components from your design system. That is why everything it creates remains editable.
- 03Output
You keep designing
Views, layers, inspector, zoom, and direct manipulation. Once the interface is yours, export it.
What genieUI does not do
A genie with rules is more useful than one with imagination.
- It does not return a screenshot.You get a component tree, not a PNG.
- It does not invent arbitrary HTML or CSS.Your registered component catalog is the genie’s boundary.
- It does not lock you into one AI provider.Switch models by task without rebuilding the project.
Hey, I’m AndyGeek
Creator of genieUI