To Spring Or Not To Spring
This is a focused extract from the userinterface-wiki skill that zeroes in on one specific decision: should you use spring animations or stick with easing curves? It covers the core timing function rules, including when springs are mandatory (gesture-driven motion, interruptible animations) versus when easing is appropriate (system state changes, entrances and exits). Also includes the critical animation principles like the 300ms rule and staging guidelines. If you're constantly second-guessing whether to reach for a spring or an ease-out curve in your motion work, this gives you the distilled logic without wading through 152 rules across 12 categories. The parent skill is comprehensive, but sometimes you just need the timing decision tree.
- skills.sh installs
- 152
- GitHub stars
- 947
- last updated
- Aug 21, 2026
Install
$ npx -y skills add raphaelsalaja/userinterface-wiki --skill to-spring-or-not-to-spring --agent claude-codeInstalls into .claude/skills of the current project.
Files
This is a focused extract from the userinterface-wiki skill that zeroes in on one specific decision: should you use spring animations or stick with easing curves? It covers the core timing function rules, including when springs are mandatory (gesture-driven motion, interruptible animations) versus when easing is appropriate (system state changes, entrances and exits). Also includes the critical animation principles like the 300ms rule and staging guidelines. If you're constantly second-guessing whether to reach for a spring or an ease-out curve in your motion work, this gives you the distilled logic without wading through 152 rules across 12 categories. The parent skill is comprehensive, but sometimes you just need the timing decision tree.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/raphaelsalaja/userinterface-wiki
- Categories
- Documentation, Debugging, Java & JVM, Design & UI/UX
- First seen
- Jun 3, 2026
More from raphaelsalaja/userinterface-wiki
All 8Recommended
More Documentation
mastering-animate-presenceraphaelsalaja/userinterface-wikiAudit Motion/Framer Motion code for AnimatePresence best practices. Use when reviewing exit animations, modals, or presence state. Outputs file:line findings.147skills.sh installs
code-reviewcloudflare/cloudflare-docsReviews Workers and Cloudflare Developer Platform code for type correctness, API usage, and configuration validity. Load when reviewing TypeScript/JavaScript us144skills.sh installspseudo-elementsraphaelsalaja/userinterface-wikiAudit CSS for pseudo-element best practices and View Transitions API usage. Use when reviewing hover effects, decorative layers, or page transitions. Outputs fi139skills.sh installs
cloudflarecloudflare/cloudflare-docsComprehensive Cloudflare platform skill covering Workers, Pages, storage (KV, D1, R2), AI (Workers AI, Vectorize, Agents SDK), networking (Tunnel, Spectrum), se132skills.sh installs