attention-direction
Use when controlling where the audience looks—composing shots, choreographing action, revealing information, or any situation requiring clear visual hierarchy and focus management.
attention-grabbers
Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.
attention-management
Use when wrong elements get attention, important content is missed, or visual hierarchy is broken by animation
brand-consistency
Use when animation doesn't match brand personality, feels generic, or clashes with design language
brand-marketing
Use when creating commercial animations, advertising motion, brand identity animation, logo reveals, or marketing video content.
brand-strategist
Use when defining brand motion identity, creating animation guidelines for brand expression, or aligning animation with brand personality.
buttons-ctas
Use when animating buttons, CTAs, or clickable action elements to create satisfying, responsive interactions
calm-relaxation
Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.
cards-containers
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
carousels-sliders
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
character-appeal
Use when creating or animating characters that need to connect with audiences—hero protagonists, memorable villains, lovable sidekicks, or any figure that must have personality and presence.
comfort-safety
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.
continuous-infinite
Use when building ongoing loop animations - loading states, ambient motion, background effects that run indefinitely without user fatigue
continuous-loops
Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.
creative-director
Use when overseeing animation vision, setting creative direction for motion, or guiding teams on animation quality and consistency.
css-native
Use when implementing Disney's 12 animation principles with pure CSS animations and transitions
data-visualization
Use when animating charts, graphs, dashboards, data transitions, or any information visualization work.
deliberate-1200-2000ms
Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance
dramatic-2000ms-plus
Use when building extended animation sequences over 2000ms - cinematic intros, story sequences, premium experiences where animation IS the product
e-commerce-retail
Use when designing animations for shopping apps, product catalogs, checkout flows, or retail experiences
education-learning
Use when designing animations for educational platforms, e-learning, tutoring apps, or skill-building experiences
educator-teacher
Use when creating educational content, explaining concepts through animation, or when teaching animation principles to students.
elegance-sophistication
Use when creating animations that convey luxury, refinement, or premium brand experiences.
emotional-disconnect
Use when animation feels wrong, creates unintended emotional response, or mismatches context
emotional-narrative
Use when animation needs to convey feeling, tell a story, or connect emotionally—character moments, dramatic beats, or any motion that should make the audience care.
enterprise-b2b
Use when designing animations for enterprise software, B2B platforms, admin dashboards, or corporate applications
entrance-animations
Use when elements need to appear on screen - page loads, modals opening, items being added, content reveals, or any "coming into view" animation.
exaggerated-clarity
Use when motion needs to read clearly and powerfully—broad comedy, action highlights, important story beats, or any moment that must unmistakably communicate to the audience.
exaggeration-mastery
Use when determining how far to push motion beyond realism, calibrating animation intensity for context, or making key moments register with audiences.
excitement-energy
Use when creating animations that generate enthusiasm, build anticipation, or create high-energy experiences.
exit-animations
Use when elements need to leave the screen - closing modals, dismissing notifications, removing items, page transitions out, or any "leaving view" animation.
feedback-indicators
Use when confirming user actions - success checkmarks, error alerts, form validation, save confirmations, or any animation acknowledging what the user did.
figma-prototyping
Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate
filmmaker
Use when creating cinematic sequences, narrative animations, or when applying animation principles to video storytelling and visual narrative.
fintech-banking
Use when designing animations for banking apps, payment systems, investment platforms, or financial dashboards
fitness-wellness
Use when designing animations for fitness apps, wellness platforms, workout trackers, or meditation experiences
follow-through-overlapping
Use when animating multi-part objects, character appendages, fabric, hair, or any motion requiring realistic drag, momentum, and settling behavior.
forms-inputs
Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback
framer-motion
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
friendliness-approachability
Use when creating animations that feel warm, welcoming, and make users feel comfortable engaging.
frontend-developer
Use when implementing animations in code, building UI transitions, or when a developer needs practical animation guidance for web/mobile applications.
game-designer
Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.
game-development
Use when implementing game animations, player feedback, character movement, or interactive entertainment in Unity, Unreal, or other game engines.
gaming-entertainment
Use when designing animations for gaming apps, streaming platforms, entertainment portals, or interactive media
gesture-responses
Use when responding to touch or click interactions - button presses, drag feedback, swipe responses, tap ripples, or any direct manipulation animation.
gsap-greensock
Use when implementing Disney's 12 animation principles with GSAP (GreenSock Animation Platform)
healthcare-medical
Use when designing animations for medical apps, patient portals, telehealth, or health tracking interfaces
hover-interactions
Use when creating mouse hover effects - button highlights, card lifts, link underlines, image zooms, or any pointer-triggered animation.
icons-badges
Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback
implementation-debugging
Use when animation doesn't work as expected, has bugs, or behaves inconsistently
Page 706 of 1685 · 84223 results
