Skip to content

A collection of web animations built with React and Framer Motion, exploring motion and UI interactions.

Notifications You must be signed in to change notification settings

lakbychance/animations

Repository files navigation

Animations

  • Linear Product Direction - To make this, extensive AI was used for canvas manipulation.
  • Gooey Tooltip - To make this, referred to this article.
  • Blackhole - Came across this and the Code completion engine section of https://poolside.ai/ which provided the inspiration for the blackhole. Ultimately settled on stroke-dasharray and stroke-dashoffset to create the effect instead of offsetPath/textPath.
  • Peerlist Scroll Feed Tabs - Recreation of feed tabs navigation animation on Peerlist
  • Go Steps Club Navigation - Recreation of bottom navigation experience
  • Minimap - Recreation of Minimap UX by Rauno
  • Inline Table - UI implementation of Inline table control interaction by Nitish Khagwal.
  • Timed Undo Button - UI implementation of Timed Undo Button interaction by Nitish Khagwal.
  • Chronicle Chapters Nav Menu - UI implementation inspired from Chronicle's Chapter Nav Menu.

About

A collection of web animations built with React and Framer Motion, exploring motion and UI interactions.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages