01
02
03
04
Skapa frånriktiga delar.
sSystm Library 42My Library 7
Components
Ett delat React-bibliotek.
Live-förhandsvisningar i katalogen — den riktiga komponenten, inte en skärmdump.
Open catalogueUse in project
Liverenderade förhandsvisningar
Save changes
PricingCardMarketing
FörhandsvisningCodeProps
Pro€49Choose plan
Token-driven.alltid varumärkestroget
PrimaryButton.tsx
background: var(--ds-accent);
color: var(--ds-accent-fg);
border-radius: var(--ds-radius);
font-family: var(--ds-font);
Ett bibliotek,alla ytor.
◻UI
Action
▭Form
you@studio.com
▣Marketing
Launch fasterGet started
Din AI byggermed ditt delar.
design·tokens·
A pricing card with highlighted plan
✦ Generated PricingCard.tsx
Live
Pro€49
✓ Added to project — AI can read this link
→ Komponenter
Ett delat React-bibliotek med live-förhandsvisningar.
01 Live-förhandsvisningar
Varje komponent renderas live i katalogen — se den riktiga saken, inte en skärmdump.
02 Token-driven
Komponenter hämtar från ditt designsystems tokens, så biblioteket förblir varumärkestroget.
03 Alla ytor
UI, formulär, marknadsföring — ett bibliotek delat över hela din arbetsyta.
04 AI + projekt
Din AI skriver token-medveten TSX; ditt team släpper in komponenter direkt i projekt.
UI
Skrolla
AI
Jouw AI, via MCP
Je AI bouwt UI met jouw componenten, niet eromheen. Die leest sstm://component/recipe voor het token-vocabulaire en schrijft vervolgens zelfstandige, token-bewuste TSX rechtstreeks in de gedeelde bibliotheek — live gerenderd in de catalogus.
Hoe de human gate werkt
Componenten · Premium — à la carte
Zet Componenten
aan het werk.
Een gedeelde React-bibliotheek met live previews.
Cloudflare-login · kern-workspace gratis