Pixy - a small React (Next.js) webapp that loads an image and applies a pixelation effect using HTML5 <canvas>
. You can control the pixelation level in real-time using a slider.
- Upload or load an image onto a canvas
- Apply pixelation effect dynamically based on filter size
git clone https://github.com/DFirenice/pixy.git
cd pixy/client
Make sure you have Node.js and npm installed.
npm install
# or any other package manager, ex. g.:
yarn
npm run dev
# or
yarn dev
Visit http://localhost:3000
to view the app in your browser.
You can change the image by:
- Replacing the default
/public/assets/imgs/demo.jpg
MIT – free to use, modify, and share.
Made by Sviat (DFirenice) with 💚 and canvas
.