Elegance Sophistication
When you need animations for luxury brands or premium products, this gives you the Disney principles tuned for restraint. You get minimal squash and stretch (0-5%), extended easing curves like cubic-bezier(0.4, 0, 0.2, 1), and timing in the 300-500ms range that feels unhurried without dragging. The core idea is that elegant motion gets noticed for quality, not quantity. It's opinionated about things like avoiding straight ahead action and keeping exaggeration under 10%. Works well for fashion sites, high-end real estate, or anywhere you want motion that whispers instead of shouts.
- skills.sh installs
- 629
- GitHub stars
- 146
- last updated
- Aug 21, 2026
Install
$ npx -y skills add dylantarre/animation-principles --skill elegance-sophistication --agent claude-codeInstalls into .claude/skills of the current project.
Files
Elegance & Sophistication Animation
Create animations that convey refinement, luxury, and understated excellence.
Emotional Goal
Elegance emerges from restrained, perfectly timed motion. Sophistication means animations that are noticed for their quality, not their quantity—subtle excellence over obvious effort.
Disney Principles for Elegance
Squash & Stretch
Extremely minimal (0-5%). Refined objects don't deform—they glide. Preserve perfect proportions throughout motion.
Anticipation
Subtle, refined preparation (100-150ms). A gentle weight shift, not a wind-up. Elegant motion begins smoothly.
Staging
Negative space and restraint. Let elements breathe. Single focal point with generous margins. Less is more.
Straight Ahead Action
Avoid. Elegance requires control and precision. Every frame should be intentional and refined.
Follow Through & Overlapping Action
Graceful, extended settling. Like silk falling. Long, smooth deceleration without bounce or wobble.
Slow In & Slow Out
Extended easing on both ends. Gradual, flowing motion. cubic-bezier(0.4, 0, 0.2, 1) for refined transitions.
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
- Marketing & SEO, Design & UI/UX
- First seen
- Jun 3, 2026
More from dylantarre/animation-principles
All 144- Physics Intuition624
- Carousels Sliders620
- Timing Mastery620
- Transition Sequences619
- Education Learning618
- Rive Animations618
- Travel Hospitality611
- Loading States610
- Dramatic 2000ms Plus609
- Notifications Toasts606
- Frontend Developer605
- Navigation Menus601
- Buttons Ctas598
- Figma Prototyping597
- Brand Marketing594
- Solid Drawing Mastery593
- Animator Traditional591
- Motion One589
- Naturalistic Motion589
- Attention Direction586
- Squash Stretch Mastery583
- Fintech Banking581
- Icons Badges581
- Staging Mastery581
Recommended
More Marketing & SEO
create-prgetsentry/skillsAlias for sentry-skills:pr-writer. Use when users explicitly ask for "create-pr" or reference the legacy skill name. Redirects to the canonical PR writing workf623skills.sh installs
publish-substack-articlesugarforever/01coder-agent-skillsPublish Markdown articles to Substack as drafts. Use when user wants to publish a Markdown file to Substack, or mentions "发布到 Substack", "Substack article", "pu609skills.sh installs
instagram-toolspostplusai/postplus-skillsHosted collection support guidance for Instagram workflows, including dataset normalization, ranking, comment clustering, and watchlist construction.605skills.sh installs
autoresearch-agentalirezarezvani/claude-skillsAutonomous experiment loop that optimizes any file by a measurable metric. Inspired by Karpathy's autoresearch. The agent edits a target file, runs a fixed eval599skills.sh installs
aicoin-hyperliquidaicoincom/coinos-skillsHyperliquid on-chain perpetuals analytics from AiCoin Open API v3 — the primary source for on-chain whale / smart-money / large-fund movement. Use this skill wh596skills.sh installspopup-croalirezarezvani/claude-skillsWhen the user wants to create or optimize popups, modals, overlays, slide-ins, or banners for conversion purposes. Also use when the user mentions "exit intent,592skills.sh installs