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
Fyrtioettnamngivna 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.
injicere·bygg·
Wireframe
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, laddning, scroll og entré — 41 mikroikkeraktioner at välja mellan.

02 Kopiera CSS:en

Token-medveten CSS du kopierar in i valfri komponent — eller kopplar direkt til ett projekt.

03 Wireframe links

Koppla en ikkeraktion til en wireframe-sektion — beteendet levereras med strukturen.

04 In i hver bygge

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

Catalogue
Rul
AI

Din AI, via MCP

Når din AI bygger fra en wireframe, fortæller de koblede interaktioner, hvordan skærmen skal opføre sig — koreografien ligger i dataene, ikke i et håb.

Sådan virker human-gate

Wireframes

Strukturer skærme, før du bygger dem.

Læs mere

Layouts

Navngivne layoutmønstre for konsistent struktur.

Læs mere

Build

AI-drevet builder til Cloudflare Workers.

Læs mere
Architectural space with translucent orange frame
Interaktioner · Premium — à la carte

Sæt Interaktioner
i arbejde.

En katalog over adfærd, koblet til struktur.

Cloudflare-login · kerne-workspace gratis