Motion Principles · AThevon/genjutsu
Apply consistent timing, easing, and motion design rules
Gives baseline rules for animation timing, easing curves, enter/exit patterns, accessibility (reduced motion), and performance, so UI and app animations feel consistent and natural across web, iOS, and Android.
Good for
- Choose animation duration for a button hover or modal
- Pick easing curves for element enter and exit transitions
- Add reduced-motion support for accessibility compliance
- Source repository
- AThevon/genjutsu
- Category
- General
Open-source skills are maintained by their authors and listed as published, with attribution. Results depend on how well the skill fits your task and material.
A good place to start
What duration and easing should I use for a modal transition, and how do I support prefers-reduced-motion?
Make your next great thing.
Bring a question, a file, or an idea that’s not quite there yet.