Theme Builder
Configure on the right — every component updates live.
Live preview
Nav
Users
Manage your team
Total
2,491
+12%
Active
148
+3%
Issues
3
-62%
3 users have pending invitations expiring today.
Atoms
17structyl
Open-source React component library with 80+ components.
Deployment complete
v2.0.4 is live in production.
Build failed
4 type errors found in src/app.
Update available
structyl v2.1.0 is ready to install.
structyl
npx structyl initDisplay heading
Section title
Body text — the default paragraph style used for prose content.
Subtitle — secondary information and metadata.
OVERLINE LABEL
code snippet
Inputs
6Form
19HH
MM
Date
Time
Drop files here
or browse · PNG, PDF up to 10 MB
Data display
4- Inbox
Deployed to production
2m ago
All tests passed
8m ago
PR #241 merged
15m ago
Review requested
1h ago
Feedback
2Surface
1Layout
5Navigation
3Disclosure
6An accessible, themable React component library built on WAI-ARIA patterns and Tailwind CSS.
Display name
Username
Overlays
8Edit profile
Update your name and email address.
Appearance
Copy to clipboard
Changes saved
Profile updated successfully.
Sync complete
48 items were imported.
Low storage
You are at 90% capacity.
Delete workspace?
This action is permanent. All projects, members, and billing history will be erased.
Filters
Sort by
Jane Doe
@janedoe · Joined 2022
Design systems engineer. Building structyl in public.
Compound
8Components
Browse 80+ UI primitives
Templates
Pre-built page layouts
Icons
Lucide icon set
CLI
Scaffold with one command
Components
Utils
7Rendering on server…
*,*::before,*::after { box-sizing: border-box }
html { line-height: 1.5; -webkit-text-size-adjust: 100% }
body { margin: 0 }
button,input,textarea,select { font: inherit }var m = localStorage.getItem("structyl-mode") || "system";
if (m === "system") {
m = matchMedia("(prefers-color-scheme: dark)").matches
? "dark" : "light";
}
document.documentElement.setAttribute("data-theme", m);Misc
8Sidebar
Main content
Active users
2,491
Revenue
$48.2k
Conversion
3.6%
Data
2Monthly revenue
+18% ↑
Media
197 components · all react to your theme in real time