Builder
Pro-only drag & drop canvas — assemble AniUI screens visually and copy paste-ready code.
The Builder is a Pro-only visual canvas for assembling real AniUI components on a phone preview, then copying paste-ready React Native / Expo TSX into your app.
There is no starter demo on the canvas — you start blank and build your own screen from the left palette.
Who can use it
- Pro — full access at /builder
- Starter / free — /builder shows a preview of the UI; Pro unlocks the live editor
How it works
- Open /builder while signed in with a Pro license.
- Drag components from the left palette onto the phone — place them anywhere on the screen.
- Select a node to edit props, layout, and position in the right sidebar.
- Copy the generated code and paste it into an Expo project that already has AniUI installed.
Tips
- Screen children are freeform (absolute %). Nesting into a Card or View switches that child to flex layout.
- Arrow keys nudge on-screen position. Hold ⌥ Option / Alt with arrows to reorder siblings instead.
- Your canvas autosaves in the browser for your account. Reset clears back to a blank Screen.
- Exported imports use real AniUI paths like
@/components/ui/button— same as a CLI-installed project.
Next: add Pro kits to your project, or open the Builder and start placing components.