01
02
03
04
Beteendeikatalogen.
Save changes
PhysicsCSS
Spring press
Trycks ihop og fjädrar tilbaka vid tryck — känns levande, ikke binårt.
▣ Use in project
Fyrtioetnamngivna mønstre
⌕ Search interaction…
All 41Physics 7Hover 8State 7Loading 7Scroll 6Entrance 6
Hover me
HoverCopied!
Glow aura
En omgivande glöd expanderar runt elementet vid hover.
Token-medvetenkopierbar CSS
▤.ix-spring-pressCopied
.ix-spring-press {
  transition: transform .2s cubic-bezier(.34,1.56,.64,1);
}
.ix-spring-press:active {
  transform: scale(0.95);
}
Kopplat tilstruktur.
Senbygge.
injisere·bygg·
Wireframmee
Landing page v2 · Hero
Spring press
{ }wireframe.recipe
"links": {
"interaction": "spring-press"
"section": "hero-split"
}
→ Interaktioner

Hover-tilstånd, klickhanterare, scrolleffekter og overgångar — namngivna og återanvändbare.

01 Katalogen

Fysik, hover, state, ladddereng, scroll og entré — 41 mikroikkeraksjoner å välja mellom.

02 Kopiera CSS:en

Token-medveten CSS du kopierar in i valfri komponent — eller kobler direkte til et prosjekt.

03 Wireframe links

Koppla en ikkeraktion til en wireframmee-seksjon — beteendet levereras med strukturen.

04 In i hver bygge

The Build IA reads the choreography from the data — spec, not vibes.

Catalogue
Bla
AI

Din AI, via MCP

Når AI-en bygger fra en wireframe, forteller de koblede interaksjonene hvordan skjermen skal oppføre seg — koreografien ligger i dataene, ikke i et håp.

Slik fungerer menneske-gaten

Wireframes

Strukturer skjermer før du bygger dem.

Les mer

Layouts

Navngitte layoutmønstre for konsistent struktur.

Les mer

Build

AI-drevet bygger for Cloudflare Workers.

Les mer
Architectural space with translucent orange frame
Interaksjoner · Premium — à la carte

Sett Interaksjoner
i arbeid.

En katalog over atferd, koblet til struktur.

Cloudflare-innlogging · kjerne-workspace gratis