01
02
03
04
VerhaltenimKatalog.
Save changes
Spring press
Drückt sich zusammen et federt bedans le Loslassen zurück — fühlt sich lebendig an, pas binär.
▣ Use in project
Einetvierzigbenannte modèles
⌕ Search interaction…
All 41Physics 7Hover 8State 7Loading 7Scroll 6Entrance 6
Hover me
Glow aura
Edans ambientes Glühen breitet sich bedans le Hover um le Element aus.
Token-bewusstkopierbares 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); }
Verknüpft mitStruktur.
Sektions-Verknüpfungen
Hero (split)
ComponentLayoutInteraction
↳ Spring-Press sur primärem CTA
↳ Glow-Aura sur seketärem Link
DannBuild.
injecter·bauen·
{ }wireframe.recipe
"links": {
"interaction": "spring-press"
"section": "hero-split"
}
→ interactions
Hover-States, Click-Handler, Scroll-Effekte et Übergänge — benannt et wiederverwendbar.
01 Der Katalog
Physik, Hover, State, Loading, Scroll et Entrance — 41 Mikro-interactions zur Auswahl.
02 CSS kopieren
Token-bewusstes CSS, le vous dans chaque Komponente kopierst — ou direct an un projet anhängst.
03 Liens wireframe
Verknüpfe une Interaktion avec une Wireframe-Sektion — le Verhalten est avec le Struktur ausgeliefert.
04 In chaquen Build
The Build IA reads the choreography from the data — spec, not vibes.
Catalogue
Défiler
IA
Votre IA, via MCP
Quand votre IA construit à partir d'un wireframe, les interactions liées disent comment l'écran doit se comporter — la chorégraphie est dans les données, pas dans un espoir.
Comment fonctionne la validation humaine
Interactions · Premium — à la carte
Mettez Interactions
au travail.
Un catalogue de comportements, lié à la structure.
Connexion Cloudflare · workspace de base gratuit