skills/dylantarre/animation-principles

dylantarre/animation-principles

144 skills8.5K total installsGithubGithubGitHub

mobile-touch

1.3K

motion-designer

223

video-motion-graphics

188

micro-interactions

182

game-designer

123

anime-js

111

framer-motion

103

fitness-wellness

101

gsap-greensock

95

saas-productivity

93

scroll-animations

92

after-effects

80

e-commerce-retail

77

filmmaker

77

lottie-bodymovin

76

css-native

75

3d-spatial

71

creative-director

62

healthcare-medical

61

page-transitions

61

educator-teacher

59

notifications-toasts

59

travel-hospitality

59

education-learning

56

emotional-narrative

54

web-motion-design

54

navigation-menus

54

gaming-entertainment

54

accessible-motion

53

buttons-ctas

52

physics-intuition

51

data-visualization

51

motion-one

51

game-development

50

rive-animations

50

brand-marketing

49

spatial-thinking

49

fintech-banking

49

playfulness-fun

49

elegance-sophistication

48

hover-interactions

48

react-spring

48

presentations

47

carousels-sliders

47

universal-emotion

47

solid-drawing-mastery

46

loading-states

46

gesture-responses

46

transition-sequences

45

attention-grabbers

45

character-appeal

45

micro-100-200ms

44

emotional-disconnect

44

enterprise-b2b

44

rhythm-pacing

43

cards-containers

43

performance-optimization

43

figma-prototyping

43

frontend-developer

43

forms-inputs

43

entrance-animations

42

loaders-spinners

42

icons-badges

42

accessibility-issues

42

lists-grids

42

exit-animations

42

staging-mastery

42

modals-dialogs

42

feedback-indicators

42

orchestrated-sequences

41

technical-constraints

41

responsive-adaptive

41

joy-delight

41

timing-principle-mastery

41

large-500-800ms

41

slow-in-out-mastery

41

brand-consistency

41

squash-stretch-mastery

41

anticipation-mastery

41

urgency-action

41

universal-patterns

41

social-media

41

dramatic-2000ms-plus

41

universal-elements

40

appeal-mastery

40

user-feedback-clarity

40

implementation-debugging

40

accessibility-advocate

40

accordions-dropdowns

40

follow-through-overlapping

40

naturalistic-motion

40

animator-traditional

40

excitement-energy

40

exaggeration-mastery

40

problem-diagnosis

40

medium-300-500ms

40

calm-relaxation

39

small-200-300ms

39

ux-friction

39

deliberate-1200-2000ms

39

straight-ahead-pose-mastery

39

continuous-infinite

39

universal-fallback

39

anticipation-payoff

39

friendliness-approachability

39

universal-mindset

39

comfort-safety

39

arc-mastery

39

slow-800-1200ms

38

timing-calibration

38

brand-strategist

38

universal-solutions

38

attention-management

38

exaggerated-clarity

38

popmotion

38

universal-tool

38

state-changes

38

instant-0-100ms

38

universal-timing

38

trust-reliability

38

media-publishing

38

ux-researcher

38

motion-sickness

37

universal-industry

37

universal-practitioner

37

timing-mastery

37

continuous-loops

37

secondary-action-mastery

37

power-confidence

37

product-manager

37

professionalism-credibility

37

attention-direction

36

animation principles - novice

35

animation principles - teaching others

34

animation principles - deep dive

34

animation principles - universal reference

34

animation principles - troubleshooting

34

animation principles - master

34

animation principles - expert

34

animation principles - advanced

34

animation principles - absolute beginner

33

animation principles - intermediate

33

animation principles - quick start

33

animation principles - refresher

33