01
02
03
04
Beteendeikatalogen.
Save changes
PhysicsCSS
Spring press
Trycks ihop och fjädrar tillbaka vid tryck — känns levande, inte binärt.
▣ Use in project
Fyrtioettnamngivna mönster
⌕ 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 tillstruktur.
Senbygge.
injicera·bygg·
Wireframe
Landing page v2 · Hero
Spring press
{ }wireframe.recipe
"links": {
"interaction": "spring-press"
"section": "hero-split"
}
→ Interaktioner

Hover-tillstånd, klickhanterare, scrolleffekter och övergångar — namngivna och återanvändbara.

01 Katalogen

Fysik, hover, state, laddning, scroll och entré — 41 mikrointeraktioner att välja mellan.

02 Kopiera CSS:en

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

03 Wireframe-kopplingar

Koppla en interaktion till en wireframe-sektion — beteendet levereras med strukturen.

04 In i varje bygge

Build-AI:n läser koreografin från datan — spec, inte känsla.

Catalogue
Skrolla
AI

La tua AI, via MCP

Quando la tua IA costruisce da un wireframe, le interazioni collegate dicono come lo schermo deve comportarsi — la coreografia è nei dati, non in una speranza.

Come funziona il gate umano

Wireframe

Struttura gli schermi prima di costruirli.

Scopri di più

Layout

Pattern di layout nominati per struttura coerente.

Scopri di più

Build

Builder IA per Cloudflare Workers.

Scopri di più
Architectural space with translucent orange frame
Interazioni · Premium — à la carte

Metti Interazioni
al lavoro.

Un catalogo di comportamenti, collegato alla struttura.

Accesso con Cloudflare · workspace di base gratuito