Image processing demos you can play with right now
Dozens of image processing demos, each running live on its creator's own site: some of them vibe-coded with AI, all of them playable in your browser with nothing to install. Press a card to play one on its own page, or start the cruise to ride through them one after another.
Bring a photo and break it beautifully: glitch it, halftone it, paint it stroke by stroke, weave it into string art or turn it into ASCII. These are image toys and small studios that run entirely in your browser tab.
Made one of these? See how many people played yours → or use email
filter fabjs
Create custom image filters directly in your browser with mathematical expressions, real-time previews, WebGPU acceleration, and Filter…Vibe-coded🔥 1
voronoi delaunay art
Voronoi & Delaunay Art is an interactive generative art tool that transforms images into geometric compositions built from Voronoi cells…Vibe-coded
mezzotint
Images, made of living dust. mezzotint turns any picture into thousands of particles. They hold its shape, drift, scatter under your cursor…
auraascii
High-performance, edge-aware ASCII and generative typographic media tool powered by WebGL shaders. AuraASCII converts images, GIFs, live…
moonfield crash
An animated collage I made in p5.js that mixes two old public domain artworks: Georges Méliès' A Trip to the Moon (1902) and Van Gogh's…
painterly
painterly (adjective): of a painting or its style, characterized by visible brushwork and the rendering of form through color and tone…
math painting
複素平面の写像を使い、画像を変形してPNGへ書き出すCanvasアプリです。画像を選び、写像・回転・ズームを変えて結果を比較できます。 ブラウザで試す — インストール・ビルド不要。読み込んだ画像はブラウザ内で処理します。 Escher-like browser image…
ASCII DOVE
Turn images, video and your webcam into glyph art — in the browser, on your machine, nothing uploaded. Export it as a PNG, or as .txt…
stringweave
Turns any image into string art. Upload a photo, pick pins and strokes, and watch the drawing build itself — one straight line at a time…
morningswimmer
일상과 업무에서 겪는 작은 불편을 줄이기 위해 AI와 함께 만든 웹 도구 모음입니다. 설치 없이 브라우저에서 바로 쓸 수 있습니다. 종이에 쓴 서명이나 찍은 도장을 사진으로 찍으면, 배경을 지우고 투명 PNG로 만들어 줍니다…Vibe-coded
chromapick
A blazingly fast, offline-first, client-side web application for extracting color palettes and targeted pixels from images with surgical…Vibe-coded
TOLGRIM JitterFX
WebGL Animation Engine (Jitter / Hand-drawn) for Digital Artists JitterFX is a client-side web application (PWA) for image processing. It…Vibe-coded
pixelsort
Glitch art by sorting pixels. Point it at a picture, pick what to sort by and where to stop, and watch it melt. All six come from the same…
live webcam ascii art
Turn your webcam into live ASCII art, right in the browser. Rendering runs on the GPU where available, there is no build step and no…
slice stretch brush
当前版本 v0.5 · 最后一次代码改动 2026-05-20 · 全部产品就是一个 index.html，1330 行。 把源图绕切割中点旋转 -cutAngle，存到一个 diag × diag 的内部 canvas（diag = 原图对角线）。关键不变量：在这个内部…
bitrot canvas
Break your pictures. Keep the evidence. A free, browser-based glitch-art tool. Drop in a photo and corrupt it with a stack of reorderable…
overprint
Turn a photo into a risograph print, in the browser. Overprint does what a print shop does, not what a filter does: it picks a few spot…
image lines
Browser port of cfloutier/image_lines, a Processing sketch that converts an image into a line drawing: parallel lines, concentric circles…
glyph forge
Images. Text. Video. Webcam. Screen. URLs — everything becomes character art. This banner, and every artwork below, was rendered by Glyph…
croma wall
Turns any photo into a minimalist poster or wallpaper, picking colors straight from the image
cut and remix
网页版数字化照片编织（Photo Weaving）与图像解构艺术工坊 👉 访问 WeaveArt 网页版 Demo 👈 网格编织 (Grid Weave)：纵横纸条交错，支持 平纹 (1x1)、斜纹 (2x2 / 3x3) 等多种织法。支持双图混织或单图与纯色卡纸穿插。…
iconizer
★ Netscape Now! · best viewed at 800×600 ★ Upload a picture and an SVG icon. Iconizer renders the picture as a photomosaic where every grid…
Interactive Image Particles WebGL
Create a canvas in your html document e.g Include the library in the document e.g For More Details Please refer to index.html file. Give a…
games tools
Welcome to the versatile web project where you can both entertain yourself with an engaging jigsaw puzzle game and utilize powerful tools…
Magic Camera
Magic Camera is an in-browser invisibility cloak experiment powered by real-time computer vision. It records an empty reference view of…
halftone cloud
Images rebuilt as a halftone of flying shapes Open Halftone Cloud · Run it · More tools Drop an image and it turns into a cloud of small…
pixel stretch
Drag to stretch. Break the image. A glitch tool that runs entirely in your browser. → Open the tool — no install, no sign-up. A…
photo studio
A fresh perspective on a familiar image editor. A modern Python desktop workspace with 24 effects, before/after comparison, foreground…
Questions about image processing
Are my photos uploaded when I use these?
Most of these process images locally with canvas or WebGL and never send them anywhere, and many say so up front. Each project runs on its creator's own site, so its README is the place to confirm.
Can I save what I make?
Usually, yes. Many have their own export for PNG, SVG, GIF or video. On VibeCruiser you can also save the project to your garage to find it again.
How do browser image effects work?
The image is drawn to a canvas, then code reads and rewrites its pixels: sampling colors, shifting rows, thresholding into dots. WebGL or WebGPU versions do the same thing on the graphics card, fast enough for live video.