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

Jouw AI, via MCP

Wanneer je AI bouwt vanuit een wireframe, vertellen de gekoppelde interacties hoe het scherm zich moet gedragen — de choreografie zit in de data, niet in een hoop.

Hoe de human gate werkt

Wireframes

Structureer schermen voordat je ze bouwt.

Meer lezen

Layouts

Benoemde layoutpatronen voor consistente structuur.

Meer lezen

Build

AI-gedreven builder voor Cloudflare Workers.

Meer lezen
Architectural space with translucent orange frame
Interacties · Premium — à la carte

Zet Interacties
aan het werk.

Een catalogus van gedrag, gekoppeld aan structuur.

Cloudflare-login · kern-workspace gratis