Framer Motion Workshop

This is a small website built to showcase the animation library framer-motion in combination with styled-components and Typescript.

To save some time and still have a decent look I've used this design, which was made by Gil Huybrecht.

Unique Features

• Page Transitions
• SVG line drawing
• Automatic animation of css changes
• Physics based transitions

Get started

1. yarn install - Installs all dependencies
2. yarn dev - Runs the app in the development mode
3. yarn build - Builds the app for production to the build folder

Open http://localhost:3000 to view it in the browser.

Initial Page Animation