The Vibeary — round-up
Best pixel art and dithering tools
Dithering and pixel art have come back as design languages, not just nostalgia — a dithered image is tiny, distinctive and instantly readable as a deliberate choice. This shelf covers both halves: editors and palettes for making genuine pixel art, and the dithering utilities that convert photographs into ordered or error-diffused patterns for use as textures, backgrounds and print-adjacent visuals. Several run entirely in the browser, so you can test the look on your own images before committing to it.
What earned a place
- Real control over palette and dithering algorithm
- Outputs at the resolution you actually need
- Browser-based or cross-platform
- Free for the core workflow
20 picks from the library
- 01
8x8.me
Library of monotone 8x8 pixel fill patterns for dithering, texture and retro shading, with browsable previews.
Why it made the list: Ready-made dither vocabulary for 1-bit art, which is otherwise hand-drawn each time
Pixel art & retroopen-sourceAndrew Dent (@ace_dent)github.com
- 02
as-dithered-image
HTML custom element that dithers images at device pixel resolution so results stay crisp on any display and zoom level.
Why it made the list: Resolution-aware dithering; most implementations blur the moment you zoom
Dithering & pixelMITAndrew Stephens (@andrewstephens75)github.com
- 03
Dither (Shpigford)
Vector dithering tool that converts images into scalable dithered vector art for the web and Adobe Illustrator.
Why it made the list: Vector output means dithered art scales cleanly instead of pixelating at 2x
Dithering & pixelopen-sourceJosh Pigford (@Shpigford)github.com
- 04
ditherer
Browser tool for image and video dithering, glitch art and retro CRT/VHS filtering with layered effect chains.
Why it made the list: Chainable effect stack in the browser, closer to a VJ tool than a filter
Dithering & pixelopen-source(@gyng)github.com
- 05
ditherjs
Small library that dithers any img element to a fixed palette using ordered or error-diffusion algorithms.
Why it made the list: Palette-locked dithering makes photos match a brand's two-colour system
Dithering & pixelMITDaniele Piccone (@danielepiccone)github.com
- 06
Image-to-Braille
Converts images into Unicode braille characters, giving a text-only dithered rendering that works anywhere text does.
Why it made the list: Braille gives four times ASCII's resolution; pure text art that survives copy-paste
Dithering & pixelopen-source(@505e06b2)github.com
- 07
img2css
Converts any image into pure CSS by generating box-shadow pixel data, no img tag or canvas required.
Why it made the list: Turns sprites into inline CSS — a genuinely weird trick for zero-request art
Pixel art & retroMITJavier Bórquez (@javierbyte)github.com
- 08
LDtk
Modern 2D level editor with auto-layer rules, entity definitions, world layouts, Aseprite support and clean JSON export.
Why it made the list: Built by the Dead Cells director; auto-layer rules paint whole tilesets for you
Pixel art & retrofreeSébastien Bénard (Deepnight Games, @deepnightfr)ldtk.io
- 09
LibreSprite
Community fork of the last GPLv2 Aseprite commit, keeping a fully free animated sprite editor alive.
Why it made the list: Aseprite's UX without the license change, for teams that need GPL-clean tooling
Pixel art & retroGPLLibreSprite contributorsgithub.com
- 10
Lospec Palette List
Database of over 2500 pixel art palettes downloadable as PNG, PAL, ASE, GPL and HEX, filterable by colour count and tag.
Why it made the list: Instant credible colour scheme for any retro project, exportable to every tool
Pixel art & retrofreeLospec communitylospec.com
- 11
morphin
Generates pixel-art sprite interpolations rendered as CSS animations, producing sprite morphs without a canvas.
Why it made the list: Pixel morphing expressed purely as CSS keyframes, which is a genuinely odd trick
Dithering & pixelMITJavier Bórquez (@javierbyte)github.com
- 12
obelisk.js
Library for building isometric pixel graphics on HTML5 canvas from cube, brick and pyramid primitives.
Why it made the list: Isometric pixel scenes from code primitives — no sprite sheet needed
Pixel art & retroMITMax Huang (@nosir)github.com
- 13
OGMO Editor
Free open-source project-oriented level editor built by indie devs, with layer templates and simple JSON level output.
Why it made the list: The editor behind Towerfall and Celeste's lineage; lean where Tiled is sprawling
Pixel art & retrofreeOGMO Editor team (Matt Thorson, Maddy Thorson)ogmoeditor.itch.io
- 14
perfect-retroshaders
Pixel-perfect CRT, LCD and Game Boy shader presets tuned for retro handheld screens and integer scaling.
Why it made the list: Distinguishes CRT from LCD from Game Boy dot-matrix — most packs only do CRT
Pixel art & retroMITYohan Lasorsa (@sinedied)github.com
- 15
Pixelorama
Free open-source pixel art editor with animation timeline, tilemap tools, onion skinning and palette management.
Why it made the list: The credible free Aseprite replacement, with an animation timeline that actually works
Pixel art & retroMITOrama Interactive (@OramaInteract)github.com
- 16
rx
Minimalist modal pixel editor with vi-style keybindings, animation support and a built-in scripting-friendly design.
Why it made the list: Vim-brained pixel editing; muscle memory instead of hunting toolbar icons
Pixel art & retroGPLAlexis Sellier (@cloudhead)github.com
- 17
Sprite Fusion
Browser tilemap editor with drag-and-drop tilesets, auto-tiling, collision layers and one-click export to Phaser, Godot, Unity and Bevy.
Why it made the list: No install, no account — you can hand a designer a link and get a level back
Pixel art & retrofreemiumHugo Duprez (@HugoDuprez)spritefusion.com
- 18
Spritefusion Pixel Snapper
Tool that re-snaps off-grid pixel art — typically AI-generated — back onto a clean pixel grid with a consistent palette.
Why it made the list: Fixes the exact failure mode of AI pixel art: fake, non-aligned pixels
Pixel art & retroMITHugo Duprez (@HugoDuprez)github.com
- 19
Tilemap Studio
Tilemap editor targeting real Game Boy, Game Boy Color, GBA, DS and SNES formats rather than generic engine tilemaps.
Why it made the list: Speaks native console tilemap formats — the only option for authentic retro pipelines
Pixel art & retroopen-sourceRangi (@Rangi42)github.com
- 20
webgl-crt-shader
Tweakable CRT shader for a web canvas with scanlines, curvature, bloom and phosphor controls exposed as parameters.
Why it made the list: Drop-in CRT layer for any canvas game; the cheapest instant retro credibility
Pixel art & retroopen-sourceMatt Sephton (@gingerbeardman)github.com
Questions
- What dithering algorithm should I use?
- Ordered (Bayer) for a graphic, patterned look; Floyd–Steinberg error diffusion when you want photographic detail to survive.
- How do I keep pixel art crisp on the web?
- Set image-rendering: pixelated and scale by whole-number factors only.