Config Editor
Paste AI-generated CSS custom properties and instantly see your brand applied to every component. Use the LLM Prompt Generator to create a config, then paste it here.
Just colors, fonts, and radius -- for most developers
CSS Config (~25 variables)
Paste a complete :root { ... } block with CSS custom properties. Click "Apply" to see changes live in the preview panel.
Live Preview
Buttons
Badges
Default
Primary
Secondary
Success
Warning
Error
Outline
Inputs
Card
Project Dashboard
Overview of your project metrics and recent activity.
128
Components
94%
Coverage
2.1k
Downloads
Avatars
JDASMK
Tabs
This is the overview tab content. It adapts to your theme colors and typography settings.
Dialog
Toasts
Data Table
| Component | Status | Version |
|---|---|---|
| Button | Stable | 1.0.0 |
| Dialog | Beta | 0.9.2 |
| Data Table | Alpha | 0.5.1 |