71 design & typography websites

Colour, typography, canvases and accessibility. Every design & type site in the directory, each one checked by a person.

Filter these in the app

Crafting Apps

Free, open-source stand-ins for Photoshop, Illustrator, Premiere, Lightroom, Acrobat, After Effects, InDesign, Word, PowerPoint, Excel, AutoCAD and Pro Tools, built natively in Rust.
- Design & Type
- Open source
- getartcraft.com
3DLogoLab

Drop in a flat logo or SVG and get a spinning 3D version with chrome, glass or gold materials, ready to export as a video.
- Design & Type
- Freemium
- 3dlogolab.io
Angle Ref

Find portrait photo references by dragging a 3D head to the exact angle you need to draw.
- Design & Type
- Free
- angleref.com
Artkit Baby Track

Upload a video or open your camera and get the trendy blob-tracking look: boxes and lines that follow moving objects.
- Design & Type
- Free
- artkit.cc
Book of Shapes

A gallery of algorithmic patterns you can tweak with sliders and download as SVG or PNG.
- Design & Type
- Free
- bookofshapes.com
Dimensions

Dimensioned drawings of everyday things, from furniture and cars to sports fields and animals, with downloadable CAD files.
- Design & Type
- Freemium
- dimensions.com
Doodle Fonts

Draw each letter by hand and download the result as a working font file.
- Design & Type
- Free
- doodlefonts.app
Effect.app

Run photos and videos through glitch, halftone, blur and distortion effects in the browser and stack them until it looks right.
- Design & Type
- Freemium
- effect.app
Flourish

Paste in a spreadsheet and get an animated, interactive chart or map, including the famous racing bar charts.
- Design & Type
- Freemium
- flourish.studio
GridType

Build letters on a grid of cells and export the result as a font, for geometric pixel and modular type.
- Design & Type
- Free
- grid-type.com
Image to ASCII

Turn any image into ASCII art with sliders for character count, contrast and edge detection, then copy it as text.
- Design & Type
- Free
- asciiart.eu
Juddesk

Plan a desk setup in 3D with real monitors, keyboards and lamps at true scale, then rearrange it until it feels right.
- Design & Type
- Free
- juddesk.com
Lordicon

Animated icons that move on hover or click, with a large free set and an editor to change colours and stroke.
- Design & Type
- Freemium
- lordicon.com
LottieFiles

A huge library of small vector animations, free to use, with an editor to recolour them and export for web or apps.
- Design & Type
- Freemium
- lottiefiles.com
Palette Maker

Build colour palettes and preview them instantly on logos, UI screens, illustrations and patterns.
- Design & Type
- Free
- palettemaker.com
Photo Gradient

Upload a photo and pull smooth mesh gradients out of its colours, or build one from scratch and export it.
- Design & Type
- Free
- photogradient.com
Pigment

Generates colour pairs by mixing pigment and lighting rather than maths, which gives softer, more painterly combinations.
- Design & Type
- Free
- pigment.shapefactory.co
Shader Gradient

Design moving 3D gradient backgrounds by tweaking noise, shape and camera, then export them or drop them into Figma, Framer or React.
- Design & Type
- Open source
- shadergradient.co
Snazzy Maps

Hundreds of ready-made colour styles for Google Maps, from blueprint to noir, with the JSON to drop into your own map.
- Design & Type
- Free
- snazzymaps.com
SpacePlanner

Draw floor plans and furniture layouts right in the browser, no sign-up, and see the room in 3D when you're done.
- Design & Type
- Free
- spaceplanner.co
Spline

Model, animate and add interactions to 3D scenes in the browser, then embed them on a website like an image.
- Design & Type
- Freemium
- spline.design
StoryTribe

Make storyboards by dragging in ready-drawn characters, poses and backgrounds, then share the board with a link.
- Design & Type
- Free
- storytribeapp.com
SVG Pattern Builder

Customise animated SVG background patterns, from waves to dots, and copy the code straight into a site.
- Design & Type
- Free
- svg.designcode.io
SVG Repo

Half a million free SVG icons and vectors, searchable, editable in the browser and downloadable without an account.
- Design & Type
- Free
- svgrepo.com
Tailornova

Design clothes on a 3D avatar and get a sewing pattern drafted to your own measurements.
- Design & Type
- Freemium
- tailornova.com
Tinkercad

Snap shapes together into 3D models, wire up simulated Arduino circuits or build with code blocks. The friendliest way into CAD.
- Design & Type
- Free
- tinkercad.com
Tooooools

Lo-fi effects for images and video: dithering, halftones, gradient maps and patterns, with no sign-up and no watermark.
- Design & Type
- Free
- tooooools.app
Unicorn Studio

Layer shaders, noise and 3D effects into animated web backgrounds visually, then embed them without writing WebGL.
- Design & Type
- Freemium
- unicorn.studio
Womp

Sculpt soft, gooey 3D shapes in the browser with blobs that melt into each other, then export or order a print.
- Design & Type
- Freemium
- womp.com
Keyboard Simulator

Design a mechanical keyboard in 3D, choosing layout, case and keycaps, then type on it to hear and see it.
- Design & Type
- Free
- keyboardsimulator.xyz
Sketchfab

Spin and inspect millions of 3D models in the browser, from museum scans and fossils to game art. Many are free to download.
- Design & Type
- Freemium
- sketchfab.com
Thiings

Over ten thousand 3D object icons in one cheerful style, free to search and download.
- Design & Type
- Free
- thiings.co
UI Colors

Type in one brand colour and get a full Tailwind-style shade scale from 50 to 950, ready to copy.
- Design & Type
- Freemium
- uicolors.app
Color Hunt

A hand-picked feed of four-colour palettes, voted on by designers. Scroll, click a swatch to copy its hex code, move on.
- Design & Type
- Free
- colorhunt.co
DiceBear

Turn any username into the same friendly avatar every time, in dozens of styles from pixel art to hand-drawn faces. Free API, libraries and a playground.
- Design & Type
- Open source
- dicebear.com
Dungeon Scrawl

Draw dungeon and battle maps for tabletop games in a hand-inked old-school style. Rooms, corridors and hatching snap into place, no sign-up.
- Design & Type
- Free
- dungeonscrawl.com
fffuel

Dozens of small SVG generators for gradients, noise, squiggles, blobs and textures, each one playful enough to lose half an hour in.
- Design & Type
- Free
- fffuel.co
Fontjoy

Press generate and get a heading, subheading and body font that work together. Lock the one you love and let it find partners for it.
- Design & Type
- Free
- fontjoy.com
Fontshare

Distinctive typefaces from the Indian Type Foundry, free for personal and commercial use, with a type tester and web embed for each one.
- Design & Type
- Free
- fontshare.com
Haikei

Generate layered waves, blobs, blurred gradients and low-poly backgrounds as SVG. Every shape has sliders and a randomise button.
- Design & Type
- Free
- haikei.app
Hero Patterns

A collection of subtle repeating SVG background patterns. Choose colours and opacity, then copy a single line of CSS.
- Design & Type
- Free
- heropatterns.com
Huemint

Generates palettes previewed on a website, a logo or a gradient, so you judge colours where they will be used. Lock the ones you like and reroll the rest.
- Design & Type
- Free
- huemint.com
Icônes

Search more than a hundred open-source icon sets at once and copy any icon as SVG or a framework component. Fast, keyboard-friendly, no install.
- Design & Type
- Open source
- icones.js.org
Khroma

Pick fifty colours you like and a small neural net in your browser learns your taste, then generates endless palettes to match.
- Design & Type
- Free
- khroma.co
Kleki

A painting app in a browser tab with natural brushes, layers and filters, and an interface uncluttered enough to just start drawing.
- Design & Type
- Open source
- kleki.com
Logoipsum

Lorem ipsum for logos: a stack of believable fake brand marks to drop into mockups until the client finally sends theirs.
- Design & Type
- Free
- logoipsum.com
make 8-bit art!

A cheerful little pixel-art canvas by Jenn Schiffer. Pick a colour, pick a brush size, draw, save as PNG.
- Design & Type
- Open source
- make8bitart.com
Method of Action

Tiny games that train a designer's eye: kern the letters, trace curves with the pen tool, match the colour. You get scored against a professional.
- Design & Type
- Free
- method.ac
Open Peeps

A hand-drawn library of people you assemble from heads, bodies, faces and poses. Released into the public domain, so use them anywhere.
- Design & Type
- Free
- openpeeps.com
Realtime Colors

Try a colour scheme and fonts on a full sample website instead of isolated swatches. Randomise, lock, check contrast and export when it looks right.
- Design & Type
- Free
- realtimecolors.com
Space Type Generator

Type a word and bend it into spinning coils, ribbons and stacked loops of kinetic type. A playground for motion typography with endless sliders.
- Design & Type
- Free
- spacetypegenerator.com
unDraw

A big library of flat illustrations for any idea. Set your brand colour before downloading and every one of them matches it. No attribution required.
- Design & Type
- Free
- undraw.co
Dither

Load an image or generate a gradient, then dither it with Bayer patterns, halftones or crosses in a GameBoy or CGA palette. Exports as SVG, so the dots stay crisp at any size.
- Design & Type
- Free
- dither.neato.fun
Web Design Museum

Thousands of screenshots of websites, apps and Flash games from 1991 onwards, so you can see exactly what Google, Netflix or Apple looked like the year you first used them.
- Design & Type
- Free
- webdesignmuseum.org
Lospec

The reference library for pixel art: thousands of curated colour palettes, plus a browser pixel editor, dithering tools and tutorials for working under tight constraints.
- Design & Type
- Free
- lospec.com
Piskel

A pixel-art and sprite-animation editor that runs in the tab, with onion skinning and GIF export. Everything you need to make a walk cycle and nothing you do not.
- Design & Type
- Open source
- piskelapp.com
Yan

Yan is a glitch art photo editor with 36+ algorithms: pixel sort, CRT scanlines, RGB shift, ASCII, Risograph and 1-bit dither. Free on iOS and Android, plus 25 texture filters that run entirely in your browser with zero
- Design & Type
- Free
- yan.yichenlab.com
playgrnd

32 free, single-purpose generative design tools. No accounts, no uploads, everything runs in your browser.
- Design & Type
- Free
- playgrnd.tools
Fonts In Use

An indexed archive of typography in the wild, searchable by typeface, format and industry.
- Design & Type
- Free
- fontsinuse.com
Coolors

Generate colour palettes by hitting spacebar until something clicks, then lock, tweak and export.
- Design & Type
- Freemium
- coolors.co
Who Can Use

Shows how a colour pair looks to people with different vision types, not just a single ratio number.
- Design & Type
- Free
- whocanuse.com
Type Scale

Pick a ratio and preview a whole typographic scale in your own font, then copy the CSS straight out.
- Design & Type
- Free
- typescale.com
WebAIM Contrast Checker

Paste two colours, get the WCAG contrast ratio and a pass or fail. The definitive quick answer.
- Design & Type
- Free
- webaim.org
Squoosh

Compress images with a side-by-side slider so you can see exactly what quality you are trading away.
- Design & Type
- Open source
- squoosh.app
The A11Y Project

A community-driven checklist and pattern library that makes web accessibility approachable rather than scary.
- Design & Type
- Open source
- a11yproject.com
Photopea

A full Photoshop-class image editor in a browser tab. Opens PSD, XCF, Sketch and RAW files.
- Design & Type
- Freemium
- photopea.com
Unsplash

High resolution photography under a permissive licence, with a search that mostly understands moods.
- Design & Type
- Free
- unsplash.com
tldraw

An infinite canvas that feels impossibly smooth, with a genuinely delightful set of drawing primitives.
- Design & Type
- Open source
- tldraw.com
Google Fonts

Hundreds of open source families with fast previews, variable axes and a self-hosting download.
- Design & Type
- Free
- fonts.google.com
Excalidraw

A hand-drawn-feeling virtual whiteboard. Diagrams that look deliberately rough, shareable in one link.
- Design & Type
- Open source
- excalidraw.com
CSS Battle

Recreate a target image in as few bytes of CSS as possible. Competitive, humbling, weirdly addictive.
- Design & Type
- Freemium
- cssbattle.dev

Lists with design & type sites