Trust Reliability
When you need animations that feel solid and professional rather than playful, this gives you Disney principles tuned for credibility. It's all about predictable motion: minimal squash and stretch (5-10% max), controlled easing with ease-in-out curves, and consistent timing of 250-400ms across similar elements. The timing tables and CSS bezier functions are ready to copy. Best for financial flows, auth screens, enterprise dashboards, and anywhere users need to feel confident the system won't do anything unexpected. The consistency rules are the real value here: same action always gets the same animation, no random timing, respect motion preferences.
- skills.sh installs
- 529
- GitHub stars
- 146
- last updated
- Aug 21, 2026
Install
$ npx -y skills add dylantarre/animation-principles --skill trust-reliability --agent claude-codeInstalls into .claude/skills of the current project.
Files
Trust & Reliability Animation
Create animations that establish confidence, consistency, and dependable user experiences.
Emotional Goal
Trust develops through predictable, controlled movements that respect user expectations. Reliability means animations behave consistently and never surprise negatively.
Disney Principles for Trust
Squash & Stretch
Minimal stretch (5-10% maximum). Controlled deformation shows stability. Elements should feel solid and grounded, not rubbery.
Anticipation
Subtle but present (50-100ms). Brief preparation signals what's coming without surprises. Users should always know what to expect next.
Staging
Clear, unambiguous presentation. One action at a time. Important elements are obvious. No hidden or confusing movements.
Straight Ahead Action
Avoid for trust-building. Prefer pose-to-pose for predictable, controlled results. Every frame should be intentional.
Follow Through & Overlapping Action
Restrained follow-through. Elements settle quickly without excessive bouncing. Professional, controlled completion of movements.
Sponsors
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/dylantarre/animation-principles
- Categories
- DevOps & CI/CD, Productivity & Planning, Design & UI/UX
- First seen
- Jun 3, 2026
More from dylantarre/animation-principles
All 144- Deliberate 1200 2000ms528
- Product Manager528
- Small 200 300ms528
- Universal Elements528
- Universal Practitioner527
- Universal Solutions527
- Universal Tool527
- Accessibility Issues525
- Universal Fallback525
- Instant 0 100ms524
- Ux Friction524
- Media Publishing521
- Slow 800 1200ms520
- Universal Mindset519
- Universal Timing519
- Animation Principles Absolute Beginner
- Animation Principles Advanced
- Animation Principles Deep Dive
- Animation Principles Expert
- Animation Principles Intermediate
- Animation Principles Master
- Animation Principles Novice
- Animation Principles Quick Start
- Animation Principles Refresher
Recommended
More DevOps & CI/CD
gas-war-sniper-teneoteneoprotocolai/teneo-skillsReal-time multi-chain gas monitoring and spike detection. Use this skill when the user needs Gas War Sniper via the bundled Teneo CLI and you need the live comm529skills.sh installs
kpi-dashboard-designaj-geddes/useful-ai-promptsDesign and build dashboards that track key performance indicators. Select relevant metrics, visualize data effectively, and communicate insights to stakeholders528skills.sh installs
utility-pm-workflow-builderproduct-on-purpose/pm-skillsGuides a contributor from a workflow idea to a complete Workflow Implementation Packet (draft workflow file, draft workflow command, cross-cutting update checkl528skills.sh installs
marketing-demand-acquisitiondavila7/claude-code-templatesMulti-channel demand generation, paid media optimization, SEO strategy, and partnership programs for Series A+ startups. Includes CAC calculator, channel playbo525skills.sh installs
alibabacloud-dataworks-datastudio-developaliyun/alibabacloud-aiops-skillsDataWorks data development Skill. Create, configure, validate, deploy, update, move, and rename nodes and workflows. Manage components, file resources, and UDF 523skills.sh installs
paper-writingevoscientist/evoskillsGuides writing academic papers section by section using an 11-step workflow with LaTeX templates and counterintuitive writing tactics. Covers Abstract, Introduc518skills.sh installs