Travel Hospitality
If you're building travel or hospitality apps and want animation that actually inspires booking, this applies Disney's 12 principles to the specific moments that matter: map pins that bounce on drop, search results that cascade in with the right stagger, booking confirmations that feel celebratory without being annoying. The timing tables are practical (400ms for dreamy image transitions, 250ms for search feedback), and the core insight is solid: travel UIs need to spark wanderlust while maintaining confidence through the booking flow. It's focused on that balance between aspiration and trust, with concrete guidance on easing curves and secondary actions like deals that sparkle when they appear.
- skills.sh installs
- 611
- GitHub stars
- 146
- last updated
- Aug 21, 2026
Install
$ npx -y skills add dylantarre/animation-principles --skill travel-hospitality --agent claude-codeInstalls into .claude/skills of the current project.
Files
Travel & Hospitality Animation Principles
Apply Disney's 12 principles to create aspirational, exciting experiences that inspire wanderlust and build booking confidence.
The 12 Principles Applied
1. Squash & Stretch
- Booking Buttons: Satisfying press with light squash
- Map Pins: Bounce when dropped on location
- Airplane Icons: Subtle stretch during flight animation
2. Anticipation
- Search Button: Build-up before results reveal
- Booking Confirmation: Dramatic pause before success
- Destination Reveal: Moment of suspense
3. Staging
- Destination Imagery: Full-bleed hero photos
- Price Display: Clear but secondary to experience
- Booking Flow: Current step clearly focused
4. Straight Ahead & Pose to Pose
- Map Exploration: Smooth pan and zoom (straight ahead)
- Booking Process: Clear step-by-step (pose to pose)
- Itinerary Builder: Sequential activity planning
5. Follow Through & Overlapping Action
- Search Results: Cards cascade in with stagger
- Image Galleries: Photos settle with follow-through
- Map Markers: Icon lands, then info popup appears
Sponsors
Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthly
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 language
Agent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/dylantarre/animation-principles
- Categories
- Productivity & Planning, Design & UI/UX
- First seen
- Jun 3, 2026
More from dylantarre/animation-principles
All 144- 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
- Gesture Responses579
- Arc Mastery578
- Follow Through Overlapping578
- Gaming Entertainment578
- Appeal Mastery577
- Accessibility Advocate576
- Anticipation Mastery575
Recommended
More Productivity & Planning1
novel-writeryangsonhung/awesome-agent-skillsUse when writing, continuing, revising, or planning novels, characters, and fictional worlds.610skills.sh installs
novel-writeryangsonhung/awesome-agent-skillsUse when writing, continuing, revising, or planning novels, characters, and fictional worlds.610skills.sh installs2
task-decompositionjwynia/agent-skillsTransform overwhelming development tasks into manageable units. This skill should be used when the user says 'task too big', 'can't estimate', 'overwhelmed by s599skills.sh installs
task-decompositionjwynia/agent-skillsTransform overwhelming development tasks into manageable units. This skill should be used when the user says 'task too big', 'can't estimate', 'overwhelmed by s599skills.sh installs3
utility-pm-workflow-orchestratorproduct-on-purpose/pm-skillsRun an ordered sequence of pm-skills against one input, pausing for go/no-go and stopping on a failed or empty step. Accepts a saved prioritized action plan (Mo586skills.sh installs
utility-pm-workflow-orchestratorproduct-on-purpose/pm-skillsRun an ordered sequence of pm-skills against one input, pausing for go/no-go and stopping on a failed or empty step. Accepts a saved prioritized action plan (Mo586skills.sh installs4
product-manager-toolkitdavila7/claude-code-templatesComprehensive toolkit for product managers including RICE prioritization, customer interview analysis, PRD templates, discovery frameworks, and go-to-market str585skills.sh installs
product-manager-toolkitdavila7/claude-code-templatesComprehensive toolkit for product managers including RICE prioritization, customer interview analysis, PRD templates, discovery frameworks, and go-to-market str585skills.sh installs5
document-revieweveryinc/compound-engineering-pluginReview requirements or plan documents using parallel persona agents that surface role-specific issues. Use when a requirements document or plan document exists 562skills.sh installs
document-revieweveryinc/compound-engineering-pluginReview requirements or plan documents using parallel persona agents that surface role-specific issues. Use when a requirements document or plan document exists 562skills.sh installs6
feature-prioritization-assistantpmprompt/claude-plugin-product-managementCalculate RICE scores and prioritize features systematically. Use when building your product roadmap and need to make data-driven prioritization decisions.548skills.sh installs
feature-prioritization-assistantpmprompt/claude-plugin-product-managementCalculate RICE scores and prioritize features systematically. Use when building your product roadmap and need to make data-driven prioritization decisions.548skills.sh installs