Animation

UI animations and transitions

Showing 193-216 of 901 skills
dylantarre

presentations

by dylantarre

Use when creating Keynote, PowerPoint, Google Slides animations, or any presentation motion design work.

Animation 119 9mo ago
mcouthon

design

by mcouthon

"Use when building dashboards, SaaS UIs, admin interfaces, or any interface needing polished professional design. Covers design direction, craft principles, and 9-phase implementation. Triggers on: 'use design mode', 'design system', 'design system upgrade'. Full access mode."

Animation 79 8mo ago
anton-abyzov

Frontend Design Agent

by anton-abyzov

Frontend design expert for polished UIs with micro-interactions. Use for visual design, CSS animations, shadows, gradients, transitions. Bold, distinctive design choices.

Animation 167 8mo ago
dylantarre

Animation Principles - Expert

by dylantarre

Use when someone has mastery of animation principles and wants to explore intentional rule-breaking, stylistic innovation, and pushing creative boundaries

Animation 119 9mo ago
dylantarre

web-motion-design

by dylantarre

Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.

Animation 119 9mo ago
dylantarre

rhythm-pacing

by dylantarre

Use when animation needs musical flow—dance sequences, action choreography, comedic timing, scene pacing, or any motion that should feel rhythmic and well-composed over time.

Animation 119 9mo ago
dylantarre

universal-mindset

by dylantarre

Use when approaching any animation task—establishing foundational thinking patterns, teaching animation principles, or when none of the specialized thinking styles quite fit the situation.

Animation 119 9mo ago
dylantarre

brand-marketing

by dylantarre

Use when creating commercial animations, advertising motion, brand identity animation, logo reveals, or marketing video content.

Animation 119 9mo ago
dylantarre

Animation Principles - Absolute Beginner

by dylantarre

Use when someone has never heard of animation principles, needs the simplest explanation possible, or is a complete newcomer to animation

Animation 119 9mo ago
dylantarre

continuous-loops

by dylantarre

Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.

Animation 119 9mo ago
dylantarre

Animation Principles - Master

by dylantarre

Use when someone seeks the philosophical foundation of animation principles, wants to understand why they work, or is at a teaching/mentorship level

Animation 119 9mo ago
dylantarre

micro-interactions

by dylantarre

Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.

Animation 119 9mo ago
dylantarre

Animation Principles - Universal Reference

by dylantarre

Use when discussing animation principles with users of unknown skill level, or when providing a balanced reference that works for any experience level

Animation 119 9mo ago
dylantarre

Animation Principles - Novice

by dylantarre

Use when someone has basic awareness of animation principles and wants to start applying them in simple projects

Animation 119 9mo ago
dylantarre

Animation Principles - Intermediate

by dylantarre

Use when someone has working knowledge of animation principles and needs guidance on combining them effectively in more complex animations

Animation 119 9mo ago
dylantarre

universal-practitioner

by dylantarre

Use when applying animation principles in any context, for any role, or when a general understanding of Disney's 12 principles is needed.

Animation 119 9mo ago
dylantarre

accessible-motion

by dylantarre

Use when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity.

Accessibility 119 9mo ago
dylantarre

problem-diagnosis

by dylantarre

Use when animation "feels wrong" but you can't pinpoint why—debugging floaty movement, stiff characters, unclear action, or any motion that isn't working and needs systematic troubleshooting.

Animation 119 9mo ago
dylantarre

game-designer

by dylantarre

Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.

Animation 119 9mo ago
dylantarre

mobile-touch

by dylantarre

Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.

Animation 119 9mo ago
dylantarre

brand-strategist

by dylantarre

Use when defining brand motion identity, creating animation guidelines for brand expression, or aligning animation with brand personality.

Animation 119 9mo ago
dylantarre

attention-grabbers

by dylantarre

Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.

Animation 119 9mo ago
dylantarre

Animation Principles - Teaching Others

by dylantarre

Use when someone needs to explain animation principles to students, mentees, or team members at various skill levels

Animation 119 9mo ago
dylantarre

Animation Principles - Refresher

by dylantarre

Use when an experienced animator needs a quick reminder of the 12 principles without basic explanations

Animation 119 9mo ago