solaris.shadcn.io
UI Builder
UI Builder is a React component providing a no-code, visual interface for creating UIs with compatibility for shadcn/ui and custom React components, solving the fundamental problem of UI creation tools ignoring existing component libraries.
by Olliethedev · Updated October 8, 2025
Live Preview
Interact with the actual deployed template — every section, every interaction, no mockups.
About Template
The MIT-licensed tool uses a component registry to map React components to editable UI elements, providing a Figma-style editor for composing pages and components with drag-and-drop functionality. Built with React, Zod for schema validation, Tailwind CSS, TypeScript, and Next.js, UI Builder stores layouts as JSON for easy versioning and rendering while supporting runtime variable overrides for dynamic, personalized content.
The builder enables non-developers to modify UIs without engineering help while respecting existing component libraries and design systems. Perfect for building customizable dashboards, enabling client UI customization, creating page builders for CMS platforms, developing dynamic email templates, or any application requiring visual UI composition without coding, UI Builder provides variable binding for data-driven interfaces and supports custom component integration.
More Templates
Hand-built premium templates from shadcn.io — production-ready and bundled in Pro.
