Visit websiteKinetics
3D & Motion
Freemium
About
Copy spring-physics micro-interactions into CSS or React.
Kinetics is a library of spring-driven micro-interactions for web apps. You copy the CSS or React for a pattern, tune the physics with two numbers instead of a duration, and ship it. Patterns are grouped into interaction and input, feedback and state, and surface and motion, all built for a copy-paste workflow.
Features & use cases
- Copy motion patterns as CSS or React
- Tune spring physics with two numbers, not a duration
- Pick from interaction, feedback and surface patterns
- Drop micro-interactions into a web app
Who reaches for it
- Front end developers who want motion with weight instead of fixed durations
- Product designers adding feedback and state micro-interactions to a web app
Ready to try Kinetics?
Opens kinetics.colorion.co in a new tab.
Similar tools
The weekly drop
The best new tools, every week. No spam, unsubscribe anytime.










