abstract

turn images into art. pixel by pixel.

live at abstract.alfaoz.dev

what it does

a browser-based image processing toolkit. drop an image, pick an effect, tweak the parameters, export your creation. everything runs client-side — your images never leave your browser.

effects

• bitmapper: blocky pixelation with configurable grid density
• halftone: cmyk print simulation with adjustable dot patterns
• glyph: ascii art with multiple character sets
• plotter: topographic line art
• diffusion: error diffusion dithering (floyd-steinberg, atkinson, lite)
• pixel sort: glitch art sorting pixels by brightness
• stippling: pointillism effect
• chromatic: color channel separation and displacement
• spiral: spiral pattern rendering
• quadtree: recursive subdivision based on detail
• circuit bender: databending glitch effects
• circle pack: space-filling circles

tech stack

react, typescript, tailwind css, vite, canvas api.

running locally

git clone https://github.com/alfaoz/abstract.git
cd abstract
npm install
npm run dev

requires node 18+.

contributing

found a bug? want to add an effect?

open an issue or pr.

license

mit