Free Tools

Free tools for images and interfaces. Everything runs in your browser: no signup, nothing uploaded.

Background patterns

Crisp grid, dot, plus, isometric, hex and hatch backgrounds with fades, lit cells, travelling beams and a 3D floor. One React component that follows light and dark.

13 presets, 9 patternsReact, HTML, CSS, SVG and PNGLight and dark from one component

Open tool

New

Dither

Dither any photo or your live camera: error diffusion, Bayer and blue-noise patterns, CMYK halftone, Braille and ASCII text, with editable palettes and levels. Runs in your browser.

13 one-click looks on your own imagePNG, SVG, text and C header exportGame Boy, Playdate and e-paper sizes

Open tool

New

Easing & springs

Shape a cubic-bezier or a spring by feel, watch it run on real UI and against standard curves, then export it for CSS, Tailwind, Motion, React Spring, GSAP, SwiftUI or Compose.

Curve editor and spring physicsLive demos run the exported CSSExports for web, iOS and Android

Open tool

New

Social cards

Open Graph and social preview images from 8 templates. Check them in a feed and a chat, download the PNG, or copy a Next.js route that draws a card for every page.

Article, launch, docs, changelog and moreNext.js route tested with next/ogFeed and chat previews

Open tool

New

Theme generator

Turn one brand colour into a full shadcn/ui theme for light and dark, with sidebar and chart colours, 50–950 scales and every text pair checked for contrast.

Text pairs pass WCAG AA by defaultWCAG and APCA contrast tableTailwind v4, v3, CSS and JSON

Open tool

Want the interfaces these tools come from?

Browse the free React components, or start from a complete Next.js landing page.

Explore Components Browse Templates