Panning Grid

This is my implementation of an awesome dribble animation by Ali Zafar Iqbal. I was inspired by one of the streams of Keyframers to take on this challenge.

View the working demo!

Built With

I used Vite with React and Typescript. It also uses the experimental Web Animations API, which is not yet fully supported.

Try it yourself

If you want to tinker with the code yourself, this is how to get up and running.

Prerequisites

You'll need Node installed on your computer and a package manager like NPM or Yarn

Installation

1. Clone the repo

git clone https://github.com/waspeer/panning-grid.git

3. Install packages

npm install
# or
yarn

4. Start the dev server

npm run dev
#or
yarn dev

License

Distributed under the MIT License. See LICENSE for more information.