Skip to content

DFirenice/Pixy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

Pixelify

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.


✨ Features

  • Upload or load an image onto a canvas
  • Apply pixelation effect dynamically based on filter size

Getting Started

1. Clone the repo

git clone https://github.com/DFirenice/pixy.git
cd pixy/client

2. Install dependencies

Make sure you have Node.js and npm installed.

npm install
# or any other package manager, ex. g.:
yarn

3. Run the development server

npm run dev
# or
yarn dev

Visit http://localhost:3000 to view the app in your browser.


Default image

You can change the image by:

  • Replacing the default /public/assets/imgs/demo.jpg

License

MIT – free to use, modify, and share.


Credits

Made by Sviat (DFirenice) with 💚 and canvas.

About

Lightway webtool to pixalizate pictures

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published