A foundation, with room to grow.
Start with connected pages and working application patterns, then adapt the source to the product you want to build.
Project Builder brings the building blocks together, so you can spend more time making a product feel right—and less time putting the same foundation together again.
A useful interface is more than a screen. Its pages need a clear structure. Its buttons, forms, charts, and navigation need a shared language. Its design should keep working when the viewport changes.
Project Builder is a place to bring those decisions together. Choose a project type and framework, select the pages and components you need, then refine the visual system in Theme Studio.
Launch a generated application to explore the result. When you are ready, export editable TypeScript and CSS Modules for React/Vite or Next.js. Theme Builder stays in the application, so the design can keep evolving with its use case.
Take a look insideStart with connected pages and working application patterns, then adapt the source to the product you want to build.
Colors, typography, layout, spacing, and component choices should work together. Your theme belongs across the whole application.
The studio helps you make decisions. Exported source lets you continue in your own development workflow.
Open the studio and explore the possibilities.
Start building