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

PrimaryButtonTSX✓

Solid accent CTA — token-aware, ready to drop in.

uicta

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.

Utforska Komponenter

Skrolla

A sua IA, via MCP

A sua IA constrói UI com os seus componentes, não à volta deles. Lê sstm://component/recipe para o vocabulário de tokens, depois escreve TSX autónomo e consciente de tokens diretamente na biblioteca partilhada — renderizado ao vivo no catálogo.

Como funciona a validação humana