home / Design & Type
Design & Type
75 sites
SVGConverter
SVGConverter is a free online vectorizer to convert your raster images, PNG, JPG/JPEG, BMP, TIFF, WEBP, AVIF,
svgconverter.app
TextMatchCut
Free, browser-based video editing tool for the newspaper clipping effect — highlight a word, get a text match
textmatchcut.app
TitleArt
Every classic WordArt style, shape and 3-D effect, in your browser.
titleart.dvy.io
Doory
A free, open-source design platform. No sign-up to start.
doory.art
Crafting Apps
Free, open-source stand-ins for Photoshop, Illustrator, Premiere, Lightroom, Acrobat, After Effects, InDesign,
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
3dlogolab.io
Angle Ref
Find portrait photo references by dragging a 3D head to the exact angle you need to draw.
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 o
artkit.cc
Book of Shapes
A gallery of algorithmic patterns you can tweak with sliders and download as SVG or PNG.
bookofshapes.com
Dimensions
Dimensioned drawings of everyday things, from furniture and cars to sports fields and animals, with downloadab
dimensions.com
Doodle Fonts
Draw each letter by hand and download the result as a working font file.
doodlefonts.app
Effect.app
Run photos and videos through glitch, halftone, blur and distortion effects in the browser and stack them unti
effect.app
Flourish
Paste in a spreadsheet and get an animated, interactive chart or map, including the famous racing bar charts.
flourish.studio
GridType
Build letters on a grid of cells and export the result as a font, for geometric pixel and modular type.
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 t
asciiart.eu
Juddesk
Plan a desk setup in 3D with real monitors, keyboards and lamps at true scale, then rearrange it until it feel
juddesk.com
Lordicon
Animated icons that move on hover or click, with a large free set and an editor to change colours and stroke.
lordicon.com
LottieFiles
A huge library of small vector animations, free to use, with an editor to recolour them and export for web or
lottiefiles.com
Palette Maker
Build colour palettes and preview them instantly on logos, UI screens, illustrations and patterns.
palettemaker.com
Photo Gradient
Upload a photo and pull smooth mesh gradients out of its colours, or build one from scratch and export it.
photogradient.com
Pigment
Generates colour pairs by mixing pigment and lighting rather than maths, which gives softer, more painterly co
pigment.shapefactory.co
Shader Gradient
Design moving 3D gradient backgrounds by tweaking noise, shape and camera, then export them or drop them into
shadergradient.co
Snazzy Maps
Hundreds of ready-made colour styles for Google Maps, from blueprint to noir, with the JSON to drop into your
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 do
spaceplanner.co
Spline
Model, animate and add interactions to 3D scenes in the browser, then embed them on a website like an image.
spline.design
StoryTribe
Make storyboards by dragging in ready-drawn characters, poses and backgrounds, then share the board with a lin
storytribeapp.com
SVG Pattern Builder
Customise animated SVG background patterns, from waves to dots, and copy the code straight into a site.
svg.designcode.io
SVG Repo
Half a million free SVG icons and vectors, searchable, editable in the browser and downloadable without an acc
svgrepo.com
Tailornova
Design clothes on a 3D avatar and get a sewing pattern drafted to your own measurements.
tailornova.com
Tinkercad
Snap shapes together into 3D models, wire up simulated Arduino circuits or build with code blocks. The friendl
tinkercad.com
Tooooools
Lo-fi effects for images and video: dithering, halftones, gradient maps and patterns, with no sign-up and no w
tooooools.app
Unicorn Studio
Layer shaders, noise and 3D effects into animated web backgrounds visually, then embed them without writing We
unicorn.studio
Womp
Sculpt soft, gooey 3D shapes in the browser with blobs that melt into each other, then export or order a print
womp.com
Keyboard Simulator
Design a mechanical keyboard in 3D, choosing layout, case and keycaps, then type on it to hear and see it.
keyboardsimulator.xyz
Sketchfab
Spin and inspect millions of 3D models in the browser, from museum scans and fossils to game art. Many are fre
sketchfab.com
Thiings
Over ten thousand 3D object icons in one cheerful style, free to search and download.
thiings.co
UI Colors
Type in one brand colour and get a full Tailwind-style shade scale from 50 to 950, ready to copy.
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
colorhunt.co
DiceBear
Turn any username into the same friendly avatar every time, in dozens of styles from pixel art to hand-drawn f
dicebear.com
Dungeon Scrawl
Draw dungeon and battle maps for tabletop games in a hand-inked old-school style. Rooms, corridors and hatchin
dungeonscrawl.com
fffuel
Dozens of small SVG generators for gradients, noise, squiggles, blobs and textures, each one playful enough to
fffuel.co
Fontjoy
Press generate and get a heading, subheading and body font that work together. Lock the one you love and let i
fontjoy.com
Fontshare
Distinctive typefaces from the Indian Type Foundry, free for personal and commercial use, with a type tester a
fontshare.com
Haikei
Generate layered waves, blobs, blurred gradients and low-poly backgrounds as SVG. Every shape has sliders and
haikei.app
Hero Patterns
A collection of subtle repeating SVG background patterns. Choose colours and opacity, then copy a single line
heropatterns.com
Huemint
Generates palettes previewed on a website, a logo or a gradient, so you judge colours where they will be used.
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. Fa
icones.js.org
Khroma
Pick fifty colours you like and a small neural net in your browser learns your taste, then generates endless p
khroma.co
Kleki
A painting app in a browser tab with natural brushes, layers and filters, and an interface uncluttered enough
kleki.com
Logoipsum
Lorem ipsum for logos: a stack of believable fake brand marks to drop into mockups until the client finally se
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.
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. Yo
method.ac
Open Peeps
A hand-drawn library of people you assemble from heads, bodies, faces and poses. Released into the public doma
openpeeps.com
Realtime Colors
Try a colour scheme and fonts on a full sample website instead of isolated swatches. Randomise, lock, check co
realtimecolors.com
Space Type Generator
Type a word and bend it into spinning coils, ribbons and stacked loops of kinetic type. A playground for motio
spacetypegenerator.com
unDraw
A big library of flat illustrations for any idea. Set your brand colour before downloading and every one of th
undraw.co
Dither
Load an image or generate a gradient, then dither it with Bayer patterns, halftones or crosses in a GameBoy or
dither.neato.fun
Web Design Museum
Thousands of screenshots of websites, apps and Flash games from 1991 onwards, so you can see exactly what Goog
webdesignmuseum.org
Lospec
The reference library for pixel art: thousands of curated colour palettes, plus a browser pixel editor, dither
lospec.com
Piskel
A pixel-art and sprite-animation editor that runs in the tab, with onion skinning and GIF export. Everything y
piskelapp.com
Yan
Yan is a glitch art photo editor with 36+ algorithms: pixel sort, CRT scanlines, RGB shift, ASCII, Risograph a
yan.yichenlab.com
playgrnd
32 free, single-purpose generative design tools. No accounts, no uploads, everything runs in your browser.
playgrnd.tools
Fonts In Use
An indexed archive of typography in the wild, searchable by typeface, format and industry.
fontsinuse.com
Coolors
Generate colour palettes by hitting spacebar until something clicks, then lock, tweak and export.
coolors.co
Who Can Use
Shows how a colour pair looks to people with different vision types, not just a single ratio number.
whocanuse.com
Type Scale
Pick a ratio and preview a whole typographic scale in your own font, then copy the CSS straight out.
typescale.com
WebAIM Contrast Checker
Paste two colours, get the WCAG contrast ratio and a pass or fail. The definitive quick answer.
webaim.org
Squoosh
Compress images with a side-by-side slider so you can see exactly what quality you are trading away.
squoosh.app
The A11Y Project
A community-driven checklist and pattern library that makes web accessibility approachable rather than scary.
a11yproject.com
Photopea
A full Photoshop-class image editor in a browser tab. Opens PSD, XCF, Sketch and RAW files.
photopea.com
Unsplash
High resolution photography under a permissive licence, with a search that mostly understands moods.
unsplash.com
tldraw
An infinite canvas that feels impossibly smooth, with a genuinely delightful set of drawing primitives.
tldraw.com
Google Fonts
Hundreds of open source families with fast previews, variable axes and a self-hosting download.
fonts.google.com
Excalidraw
A hand-drawn-feeling virtual whiteboard. Diagrams that look deliberately rough, shareable in one link.
excalidraw.com
CSS Battle
Recreate a target image in as few bytes of CSS as possible. Competitive, humbling, weirdly addictive.
cssbattle.dev