Skip to main content
Free design tools · no account, no install

Free design tools that run
in your browser.

Vectorize an image, turn it into pixel art, recolour an SVG, build a palette, pair your fonts: each tool does one job properly, opens in a tab and costs nothing. Below, one illustration from the library goes through two of them.

See the tools Browse the illustration library

A couple cooking together, a flat illustration from the Journey pack
The same scene as a layered SVG made in Vectorizer Lab: 24 colours, 241 shapes
The same scene as pixel art made in Pixel Lab: 16 colours, 200 by 86 cells
PNG · the original Vectorizer Lab · SVG · 24 colours Pixel Lab · 16 colours · 200×86
  • Free, no account no watermark, no limits
  • In your browser every change shows at once
  • Real exports SVG, PNG, CSS, JSON, sprite sheets
  • Made for the library and for any file you bring
The tools

Pick a tool, drop a file

The newest three show a real before and after; move your mouse over the pictures to zoom in on the same spot in both.

Upscaler LabNew

Enlarge and restore photos
A 480 px phone selfie, the face, as it came from a messaging app260 px input
The same eyes recovered and enlarged four times by Upscaler LabUpscaled

Enlarge a photo, portrait, illustration or screenshot 2× to 8× in your browser. The tool reads the file first (noise, blur, compression, colour cast) and picks the model; faces are rebuilt only where the rebuild agrees with the original; then sharpen, add grain, paint out an object or drop the background, all in place.

  • 2× to 8×
  • faces rebuilt
  • deblur
  • remove objects
  • remove background
  • batch to ZIP
Open Upscaler Lab

Vectorizer LabNew

Image to layered SVG
A doodle of someone hugging a dog, the original PNGPNG
The same doodle vectorised by Vectorizer Lab: 32 colours, 116 shapesSVG

Turn a PNG, JPG or WebP into a clean, layered vector. Lines come out as real strokes you can re-weight, edges land at sub-pixel positions, an Auto search scores every candidate against your original, and you can recolour, merge tones or remove the background on the canvas.

  • lines as strokes
  • editable layers
  • auto search
  • remove background
  • batch to ZIP
Open Vectorizer Lab

Pixel LabNew

Image to pixel art and pixel-perfect SVG
An astronaut over a red moon, the original illustrationBefore
The same scene as two-colour pixel art made in Pixel Lab, 403 by 403 cellsPixel Lab

Any image, GIF or video clip into pixel art. 15 dither modes, palette control, cleanup, ASCII and halftone looks, sprite sheets, and exports as a pixel-perfect SVG, PNG, GIF, WebM or animated SVG.

  • 15 dither modes
  • master SVG
  • ASCII art
  • sprite sheets
  • AI masks
Open Pixel Lab

SVG Color EditorUpdated

Recolour any SVG
An award ribbon from the Humano Icons pack, original coloursBefore
The same ribbon recoloured in the SVG Color Editor: navy to ink, blue to limeRecoloured

Drop an SVG or paste its code; every fill, stroke and gradient colour becomes a swatch. Swap each one with a live preview, then download the same file with the new colours, a PNG at any size, or copy the code.

  • every colour found
  • live preview
  • preset palettes
  • SVG + PNG out
  • copy the code
Open the editor

AI StudioNew

A one-off in a pack's own style

Every pack is drawn by a human, and when the exact scene you need is not in it yet, AI Studio drafts one in that pack's art direction. Pick a pack, describe the scene, get a matching PNG or a traced SVG.

  • matches the pack
  • your 4 references
  • PNG 2048
  • traced SVG
  • members
Open AI Studio

Color Palette Generator

Harmonies, contrast, exports

An interactive colour wheel with seven harmony modes, a WCAG contrast checker, colour-blindness simulation and exports to CSS, Tailwind, SCSS, JSON, Swift and Android.

  • 7 harmony modes
  • WCAG contrast
  • colour-blindness sim
  • 8+ export formats
Open the palette tool

Font Pairing Tool

Type that fits the art

Sixteen-plus curated Google Font pairings with a live preview, filters by use case, a matching illustration style next to each, and the CSS ready to copy.

  • 16+ pairings
  • use-case filters
  • live preview
  • copy CSS
Open the font tool

Design Studio

A full editor in the browser

An online design editor with 200,000+ icons, AI stock photos, illustrations, text tools and shapes, 1,400+ fonts, templates, and export to PNG, SVG or PDF.

  • 200,000+ icons
  • AI stock photos
  • 1,400+ fonts
  • PNG, SVG, PDF
Open Design Studio
Coming soon
Soon

SVG to PNG converter

Any scale, custom dimensions, transparent background, batches.

Soon

SVG optimiser

Smaller files with no visible loss: metadata out, paths cleaned, output minified.

Soon

Icon combiner

Many SVG icons into one sprite sheet or icon font for a design system.

Soon

AI background remover

Clean cut-outs as PNG, ready for any layout.

What they have in common

Built for real work, free for everyone

We make these tools for our own studio first: recolouring a pack for a client, vectorising a sketch, pairing type with a new style. So they export in the formats production needs, they open instantly, and they stay free.

  • 100% free, no account

    No hidden costs, no watermarks, no signup, no feature behind a paywall. What you see on the page is the whole tool, and it stays that way.

  • Instant, in your browser

    The work happens on your machine, so every change shows the moment you make it. No queue, no waiting for a server.

  • Real exports

    SVG that opens in Figma and Illustrator, PNG at the size you type, CSS, Tailwind, JSON, sprite sheets with frame data.

  • They work together

    Vectorise a sketch, recolour the SVG, build its palette, pair the fonts: one file, four tools, no round trips.

  • Any modern browser

    Chrome, Firefox, Safari and Edge on any device. No plugin, no extension, no download.

How it works

Four steps, the same on every tool

  1. 1
    Choose a toolEach one does one job: vectorise, pixelate, recolour, pick colours, pair type, lay out a design.
  2. 2
    Drop or pasteDrag a file onto the canvas, paste code, or start from a preset. No account first.
  3. 3
    Watch it changeEvery tool shows a live preview; move a slider or pick a colour and the result follows.
  4. 4
    Export and useSVG, PNG, CSS, JSON, GIF or a sprite sheet, straight from the page and ready for production.
AI stock visuals

Photogen: stock photos without the stock-photo feel

Our AI-generated stock platform: thousands of curated visuals across 25+ categories, from abstract 3D renders and futuristic scenes to business photography, animals and architecture. Every image is quality-reviewed, organised for instant use and commercially licensed.

  • Stock photos
  • 3D renders
  • Backgrounds
  • 25+ categories
  • Commercial licence

Visit Photogen

A wall of Photogen pictures: portraits, landscapes, product shots and characters, generated and curated
In depth

How three of the tools work

Vectorizer Lab and Pixel Lab have guides of their own; here are the three smaller tools in detail.

A chalk-board illustration pack, the kind of vector art the SVG Color Editor recoloursSVG Color Editor

SVG Color Editor: recolour any vector in seconds

Matching an illustration to your brand usually means opening a design tool. The editor skips that: drop any .svg (or paste its code) and it finds every fill, stroke, gradient stop and style colour in the file.

Each colour is a swatch. Click one to open the picker, or type a hex value; every shape that used it updates as you go. When it looks right, download the SVG with the new colours, a PNG at any size, or copy the markup.

  • Drag-and-drop, file picker or pasted SVG code
  • Fills, strokes, gradients and inherited colours all found
  • Preset swatches next to a hex field for exact brand colours
  • Paths, groups and ids untouched: only the colours change

Open the editor

Dot Shades illustrations, a palette-led styleColor Palette Generator

Color Palette Generator: harmony you can measure

Good colour is not luck. The generator works in HSV and applies classical harmony theory: pick a base and it calculates complementary, analogous, triadic, split-complementary, tetradic, square or monochromatic sets on the wheel.

The WCAG contrast checker tests text and background pairs against AA and AAA, and the colour-blindness simulator shows the palette as people with protanopia, deuteranopia or tritanopia see it. Export as CSS custom properties, Tailwind config, SCSS, JSON, Swift UIColor or Android XML.

  • Complementary: two opposites, bold and high-contrast
  • Analogous: three neighbours, calm and low-contrast
  • Triadic: three hues 120° apart, vivid but balanced
  • Split-complementary: a base plus the two beside its opposite

Open the palette tool

Tuesday line-art illustrations, shown next to font pairingsFont Pairing Tool

Font Pairing Tool: type that tells the same story as the art

Sixteen-plus hand-picked Google Font combinations, each with a heading face, a body face and the CSS to paste. Filter by use case (SaaS, e-commerce, editorial, creative, corporate) and read every pairing at real sizes with sample text.

What makes it ours: each pairing sits next to a compatible illustration style from the library, so you see type and imagery together before committing to a direction.

  • Contrast is the point: a bold display heading over a neutral, readable body
  • Two families, many weights: variety from weight and style, not more fonts
  • Match x-heights: similar x-heights feel like one voice
  • Load with display=swap so text never goes invisible

Open the font tool

FAQ

Questions about the free tools

Are these tools really free? What's the catch?

There is no catch. Every tool is free to use without limits, signups or watermarks. We build them as companions to the illustration library; if a tool earns its keep you might like the packs too, but nothing here is gated.

Can I use the tools on a phone?

Yes, they run in any modern mobile browser. The editors are nicer on a tablet or desktop screen, where the canvas and the controls fit side by side.

Which browsers are supported?

Chrome, Firefox, Safari and Edge, current versions. The tools use the File API, Canvas, Web Workers and WebAssembly; Internet Explorer is not supported.

Do the tools work with illustrations from other libraries?

Yes. Anything that is a valid image or SVG loads: our packs, files from other libraries, or your own exports from Figma, Illustrator or Inkscape.

Will you add more tools?

Yes. An SVG to PNG converter, an SVG optimiser, an icon combiner and an AI background remover are in the works. Follow us on X or check this page.

Pick a tool Visit the help center

The library

Works with every style in the library

Hand-drawn, flat, outline, isometric: the tools take any pack as it comes, and any file of your own.

All Access

The whole library next to the free tools

40K+ illustrations and 129K+ icons across 449 packs, unlimited projects, every new pack as it launches. Recolour, vectorise or pixelate any of it with the tools above.

See the plans Browse the library

One-time payment · instant access · 14-day money-back guarantee

  • 449illustration packs
  • 30free packs, no account
  • 40K+illustrations
  • 129K+icons

Forget Password!