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
IA

A sua IA, via MCP

Quando a sua IA constrói a partir de um wireframe, interacções ligadas dizem-lhe como o ecrã deve comportar-se — a coreografia está nos dados, não numa esperança.

Como funciona a validação humana

Wireframes

Estruture ecrãs antes de os construir.

Saber mais

Layouts

Padrões de layout nomeados para estrutura consistente.

Saber mais

Build

Construtor IA para Cloudflare Workers.

Saber mais
Architectural space with translucent orange frame
Interactions · Premium — à la carte

Ponha Interactions
a trabalhar.

Um catálogo de comportamentos, ligado à estrutura.

Início de sessão com Cloudflare · workspace principal gratuito