/react-matrix-scroll-demo

This is a demo project to show how to use `css matrix`, `Next.js` and `Tailwindcss` to build up a canvas with the support of scrolling

Primary LanguageTypeScriptMIT LicenseMIT

React-Matrix-Scroll-Demo

This is a demo project showing how to use css matrix, Next.js and Tailwindcss to build up a canvas with the support of scrolling smoothly.

Prerequisites

Run pnpm install to install the dependencies.

Running commands

  • Start up the development server
pnpm dev

After running this command, you will see the demo project on http://localhost:3000.

How to use

Just scroll the canvas area by your mouse or touchpad, and you will see the magic of the matrix transformation. The canvas will be scrolled smoothly.