/animations-vault

Interactive Design Lab to showcase my latest studies on Design Engineering and Web Animations that make people feel something

Primary LanguageTypeScript

Animations Vault

An interactive design lab to showcase some of my latest studies in web animations, trying to develop some animations that make people feel something. Built with Next.js, Framer Motion and Tailwind CSS.

Author

Inspiration

I'm trying to surround myself with some clean, modern, unique and almost "state of art" UI's. I've got some inspirations in some of the best design engineers and a deep inspiration in the Animations on the Web course by Emil Kowalski.

Learnings...

  • Web animations best practices and guidelines
  • The meaning behind animations, and how to make them feel right
  • Easing types, how and when to use each one, and custom easing functions
  • Spring animations, how and when to use it
  • UI/UX principles
  • Framer Motion mastery
  • Layout animations
  • Shared layout animations

... still the beggining of the journey