GitHub
animation-principles-novice
Use when someone has basic awareness of animation principles and wants to start applying them in simple projects
☆ 11Voir le skill
dylantarre AI Skills
GitHub ↗Explorez les skills IA publiés de dylantarre et consultez leurs instructions source.
Statistiques de l’auteur
Skills indexés
173Étoiles des dépôts des skills indexés
1,990Forks du dépôt
490Moyenne des étoiles par skill indexé
12Les étoiles d’un dépôt peuvent se répéter entre ses skills.
Catégories populaires
Indexation récente
Explorer
GitHub
modals-dialogs
Use when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits
☆ 11Voir le skill
GitHub
cards-containers
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
☆ 11Voir le skill
GitHub
urgency-action
Use when creating animations that prompt immediate user action, highlight time-sensitivity, or drive conversions.
☆ 11Voir le skill
GitHub
instant-0-100ms
Use when building instantaneous UI feedback under 100ms - button presses, toggles, state changes that feel immediate and responsive
☆ 11Voir le skill
GitHub
medium-300-500ms
Use when building standard animations between 300-500ms - page transitions, significant UI changes, animated illustrations that need clear communication
☆ 11Voir le skill
GitHub
saas-productivity
Use when designing animations for business tools, project management, collaboration software, or productivity apps
☆ 11Voir le skill
GitHub
scroll-animations
Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.
☆ 11Voir le skill
GitHub
animation-principles-master
Use when someone seeks the philosophical foundation of animation principles, wants to understand why they work, or is at a teaching/mentorship level
☆ 11Voir le skill
GitHub
universal-mindset
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.
☆ 11Voir le skill
GitHub
naturalistic-motion
Use when animation should feel organic and lifelike—creature animation, realistic characters, nature elements, or any motion that needs to breathe with authentic living quality.
☆ 11Voir le skill
GitHub
animation-principles-deep-dive
Use when someone needs comprehensive reference material on animation principles with technical depth and extensive context
☆ 11Voir le skill
GitHub
popmotion
Use when implementing Disney's 12 animation principles with Popmotion's functional animation library
☆ 11Voir le skill
GitHub
travel-hospitality
Use when designing animations for travel booking, hospitality apps, tourism platforms, or vacation planning experiences
☆ 11Voir le skill
GitHub
elegance-sophistication
Use when creating animations that convey luxury, refinement, or premium brand experiences.
☆ 11Voir le skill
GitHub
excitement-energy
Use when creating animations that generate enthusiasm, build anticipation, or create high-energy experiences.
☆ 11Voir le skill
GitHub
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.
☆ 11Voir le skill
GitHub
hover-interactions
Use when creating mouse hover effects - button highlights, card lifts, link underlines, image zooms, or any pointer-triggered animation.
☆ 11Voir le skill
GitHub
large-500-800ms
Use when building larger movement animations between 500-800ms - hero transitions, complex reveals, animations that tell a story and deserve attention
☆ 11Voir le skill
GitHub
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.
☆ 11Voir le skill
GitHub
arc-mastery
Use when designing motion paths, character movement trajectories, gesture animations, or any motion that should feel natural rather than robotic.
☆ 11Voir le skill
GitHub
state-changes
Use when elements transform in place - toggle switches, expanding accordions, checkbox animations, button states, or any transformation without entering/exiting.
☆ 11Voir le skill
GitHub
brand-consistency
Use when animation doesn't match brand personality, feels generic, or clashes with design language
☆ 11Voir le skill
GitHub
slow-in-out-mastery
Use when designing easing curves, controlling motion pacing, creating natural acceleration/deceleration, or making movements feel physically grounded.
☆ 11Voir le skill
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.