01
02
03
04
Skapa frariktiga dele.
sSystm Library 42My Library 7
Components
Et delt React-bibliotek.
Live previews in the catalogue — the real component, not a screenshot.
Open catalogueUse in project
Liverenderade forhandsvisningar
Save changes
PricingCardMarketing
PreviewCodeProps
Pro€49Choose plan
Token-drevet.altid varumerkestroget
PrimaryButton.tsx
background: var(--ds-accent);
color: var(--ds-accent-fg);
border-radius: var(--ds-radius);
font-family: var(--ds-font);
Ett biblioteker,alle overflader.
◻UI
Action
▭Form
you@studio.com
▣Marketing
Launch fasterGet started
Din IA buildsmed dit dele.
design·tokens·
A pricing card with highlighted plan
✦ Generated PricingCard.tsx
Live
Pro€49
✓ Added to project — AI can read this link
→ Komponenter
Et delt React-bibliotek med live-forhåndsvisninger.
01 Live previews
Varje komponent renderas live i katalogen — se den riktiga saken, ikke en skermdump.
02 Token-drevet
Components pull from din Design System tokens, so the library stays on-brand.
03 Alla overflader
UI, forms, marketing — one library shared across din whole workspace.
04 IA + projekter
Din IA writes token-aware TSX; din team drops components straight into projects.
UI
Rul
AI
Din AI, via MCP
Din AI bygger UI med dine komponenter, ikke rundt om dem. Den læser sstm://component/recipe for token-vokabularet og skriver derefter selvstændig, token-bevidst TSX direkte ind i det delte bibliotek — renderet live i kataloget.
Sådan virker human-gate
Komponenter · Premium — à la carte
Sæt Komponenter
i arbejde.
Et delt React-bibliotek med live-forhåndsvisninger.
Cloudflare-login · kerne-workspace gratis