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

Twoje AI, przez MCP

Gdy Twoja AI buduje z wireframe'u, powiązane interakcje mówią, jak ekran ma się zachowywać — choreografia jest w danych, nie w nadziei.

Jak działa brama człowieka

Wireframe'y

Struktura ekranów zanim zaczniesz budować.

Dowiedz się więcej

Layouty

Nazwane wzorce layoutu dla spójnej struktury.

Dowiedz się więcej

Build

Kreator Cloudflare Workers zasilany AI.

Dowiedz się więcej
Architectural space with translucent orange frame
Interakcje · Premium — à la carte

Włącz Interakcje
do pracy.

Katalog zachowań powiązany ze strukturą.

Logowanie Cloudflare · rdzeń Workspace za darmo