dylantarre/animation-principles

Disney's 12 Animation Principles - Claude Code Skill Marketplace

This repository also configures its own agents. See what animation-principles tells them →

81Stars on the repository
145Mods indexed here, across every type
8mo agoLast push, which is what freshness is scored on
MITLicence, which decides whether bodies are shown

after-effects

97

dylantarre/animation-principles

Skill Claude CodeCodex

Use when implementing Disney's 12 animation principles in Adobe After Effects.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 16 tokens original MIT

anime-js

98

dylantarre/animation-principles

Skill Claude CodeCodex

Use when implementing Disney's 12 animation principles with Anime.js library.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 16 tokens original MIT

css-native

99

dylantarre/animation-principles

Skill Claude CodeCodex

Use when implementing Disney's 12 animation principles with pure CSS animations and transitions.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 18 tokens original MIT

figma-prototyping

100

dylantarre/animation-principles

Skill Claude CodeCodex

Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 23 tokens original MIT

framer-motion

101

dylantarre/animation-principles

Skill Claude CodeCodex

Use when implementing Disney's 12 animation principles with Framer Motion in React applications.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 20 tokens original MIT

gsap-greensock

102

dylantarre/animation-principles

Skill Claude CodeCodex

Use when implementing Disney's 12 animation principles with GSAP (GreenSock Animation Platform).

not rated 81 +2 8mo ago A Socket: passSnyk: pass 25 tokens original MIT

lottie-bodymovin

103

dylantarre/animation-principles

Skill Claude CodeCodex

Use when implementing Disney's 12 animation principles with Lottie animations exported from After Effects.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 23 tokens original MIT

motion-one

104

dylantarre/animation-principles

Skill Claude CodeCodex

Use when implementing Disney's 12 animation principles with Motion One (modern, lightweight animation library).

not rated 81 +2 8mo ago A Socket: passSnyk: pass 22 tokens original MIT

popmotion

105

dylantarre/animation-principles

Skill Claude CodeCodex

Use when implementing Disney's 12 animation principles with Popmotion's functional animation library.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 19 tokens original MIT

react-spring

106

dylantarre/animation-principles

Skill Claude CodeCodex

Use when implementing Disney's 12 animation principles with React Spring's physics-based animations.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 20 tokens original MIT

rive-animations

107

dylantarre/animation-principles

Skill Claude CodeCodex

Use when implementing Disney's 12 animation principles with Rive interactive animations.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 18 tokens original MIT

universal-tool

108

dylantarre/animation-principles

Skill Claude CodeCodex

Use when implementing Disney's 12 animation principles with any animation tool or framework.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 19 tokens original MIT

continuous-infinite

109

dylantarre/animation-principles

Skill Claude CodeCodex

Use when building ongoing loop animations - loading states, ambient motion, background effects that run indefinitely without user fatigue.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 25 tokens original MIT

dylantarre/animation-principles

Skill Claude CodeCodex

Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 38 tokens original MIT

dramatic-2000ms-plus

111

dylantarre/animation-principles

Skill Claude CodeCodex

Use when building extended animation sequences over 2000ms - cinematic intros, story sequences, premium experiences where animation IS the product.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 33 tokens original MIT

instant-0-100ms

112

dylantarre/animation-principles

Skill Claude CodeCodex

Use when building instantaneous UI feedback under 100ms - button presses, toggles, state changes that feel immediate and responsive.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 31 tokens original MIT

large-500-800ms

113

dylantarre/animation-principles

Skill Claude CodeCodex

Use when building larger movement animations between 500-800ms - hero transitions, complex reveals, animations that tell a story and deserve attention.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 34 tokens original MIT

medium-300-500ms

114

dylantarre/animation-principles

Skill Claude CodeCodex

Use when building standard animations between 300-500ms - page transitions, significant UI changes, animated illustrations that need clear communication.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 32 tokens original MIT

micro-100-200ms

115

dylantarre/animation-principles

Skill Claude CodeCodex

Use when building micro-interactions between 100-200ms - tooltips appearing, dropdown opens, small feedback animations that feel quick but perceptible.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 36 tokens original MIT

dylantarre/animation-principles

Skill Claude CodeCodex

Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 29 tokens original MIT

responsive-adaptive

117

dylantarre/animation-principles

Skill Claude CodeCodex

Use when building context-dependent animations - duration that changes based on device, distance, user preference, or interaction context.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 26 tokens original MIT

slow-800-1200ms

118

dylantarre/animation-principles

Skill Claude CodeCodex

Use when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 35 tokens original MIT

small-200-300ms

119

dylantarre/animation-principles

Skill Claude CodeCodex

Use when building small transitions between 200-300ms - modal appearances, card expansions, navigation transitions that users consciously perceive.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 31 tokens original MIT

universal-timing

120

dylantarre/animation-principles

Skill Claude CodeCodex

Use when learning animation timing fundamentals - principles that apply regardless of duration, the foundational rules that scale across all time ranges.

not rated 81 +2 8mo ago A Socket: passSnyk: pass 28 tokens original MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: