This repository contains a collection of prototypes to support our collaboration to refresh gobrightdrop.com in mid-2023. The examples focus on use of motion throughout the site.
This project is set up as a next.js app. The codebase uses the new app router.
The emphasis has been to restrict external dependencies to a minimum. This is to allow the repository to be used a guide for implementation using other libraries or conventions that may be in use on the production BrightDrop site.
- Written in React and Typescript
- Uses
vanilla-extractfor styling - Uses
framer-motionfor more complex animation - Uses
zustandfor simple global state management - Uses some
radix-uiprimitives for the structure of components (for example, the Navigation bar)
pnpm installpnpm devto run examples