Room for the work that matters.
A clear place for every project, with familiar controls and progress you can see.
Website refreshIn review
Mobile experienceIn progress
Design systemPlanning
The design foundation for you and AI.
Design with AI.
Build like a pro.
Turn your ideas into beautiful websites and apps. A flexible UI framework that gives you and your AI a head start.
Make it yours. Try a theme.
RoseGumAmberHoneyLimeMintJadeLagoonSkyIndigoAuroraInk
Good things in progress.
Projects3
In progress1
In review1
Last updatedOct 27, 2026
Activity
Last 7 daysRecent activity
- Updated brand direction2 hours ago
- Reviewed website refreshYesterday
- Created component library3 days ago
Projects
| Name | Status | Updated | Owner |
|---|---|---|---|
| Brand direction | In progress | Oct 27, 2026 | AJ |
| Website refresh | In review | Oct 26, 2026 | ML |
| Component library | Planning | Oct 24, 2026 | DK |
No matching projects. Try another name.
Changes are temporary3 projects
Real components. Go ahead, try them.See the Collection →
Built to work together
Small pieces. Complete experiences.
One shared foundation, from the first idea to the finishing touches.
Make it yours.
Shared colors, spacing, and typography keep every screen connected.
LightDarkYour brand
Consider every interaction.
Keyboard access, clear feedback, and reduced motion belong in the foundation.
Explore ComponentsComponents
The details, already considered.
Build with thoughtful controls, clear feedback, and natural motion. Shared states bring a consistent feel to every interaction.
Explore the components →CSS utilities
A little markup.
A lot of possibility.
Fine-tune the details with shared utilities. Change the padding, spacing, and alignment below to see the design and code update together.
Explore CSS utilities →01 / Comfortable spacing
Your workspace
Room for your next idea.
Make a little space. Make it your own.
<article class="panel stack p-lg gap-md items-start text-start">
<div><span class="badge">Your workspace</span></div>
<h3 class="m-0">Room for your next idea.</h3>
<p class="muted m-0">Make a little space. Make it your own.</p>
</article>A design system for you and your AI.
Your creative direction.
A shared foundation.
Choose how you work. Compose an interface yourself, give AI a starting point, or switch between the two as your ideas take shape.
01 — Describe
Start with your idea.
Decide who you are building for and what they need to do. Explore working examples yourself, or give your AI the guide and component manifest.
02 — Create
Build on good design.
Compose layouts, icons, and components with consistent spacing and clear hierarchy. Choose a theme and make it your own.
03 — Refine
Make every detail count.
Refine the code directly or work through changes with AI. Check mobile layouts, keyboard access, and light and dark states before you ship.
Fits your workflow
Your stack.
One design language.
Start with native HTML or bring Layout UI to the framework you already use. Keep your application logic and a shared design foundation.
Explore tested integrations →U + AI = Layout UI.
Your next idea. Beautifully built.
Bring your ideas to life with beautiful components and a foundation you can make your own. Build hands-on or alongside AI.