Design Resources

The go-to CC0 PBR material library, with thousands of scanned surfaces, HDRIs and models free of any attribution requirement.

Independent library of seamless PBR materials with Blender-ready node setups, updated constantly.

Clean, well-calibrated PBR textures free for any purpose, with consistent naming and multiple resolutions.

CC0 textures and models with a focus on architectural surfaces, wood, stone and plaster.

Photographed real-world textures, walls, rust, paper and pavement, free to use with no signup.

Long-running collection of scanned paper, grunge and film-grain textures made specifically for graphic design overlays.

Free CC0 textures across paper, fabric, wood and grunge categories, downloadable at full resolution with no attribution required.

Free texture and pattern collections from a working design studio, released periodically alongside their paid packs.

A suite of tiny SVG generators, like nnnoise for grain and gggrain and striipe, purpose-built for subtle background texture.

Gallery of seamless geometric patterns built entirely from CSS gradients, endlessly recolorable.

Free film-look assets like light leaks, grain overlays and burns for compositing onto digital footage.

The fastest color scheme generator on the web, space bar to reroll, still the default recommendation for quick palettes.

Color wheel, palette extraction from images and built-in contrast and colorblind-safe checking, still the most complete free color tool.

A community-curated stream of trending four-color palettes, filterable by mood and tag.

A scrolling wall of named CSS gradients you can grab in one click, still a fast way to eyeball a gradient pairing.

The palette that defined an entire era of flat design, still handy as a quick, safe default swatch set.

Generative AI palettes shown live on website, branding, and gradient templates with a safe-to-wild creativity slider.

Trains a tiny neural net on 50 colors you like, then feeds you endless personalized palettes.

Preview your palette and type choices directly on a live mock website instead of swatches in a vacuum.

Deep reference page for any hex value with conversions, tints, harmonies and matching paint brand colors.

Crowdsourced project to name all 16.7 million hex colors, surprisingly handy when you need a word for a shade.

Adobe's contrast-driven tool for building accessible color scales, not just single palettes, for UI and dataviz.

Upload an image and view it through eight types of color vision deficiency to sanity-check a palette.

The traditional Japanese color palette with names and CMYK/RGB values, beautifully presented and endlessly useful for restrained schemes.

Traditional Chinese color names and values presented in the same spirit, a great source of unusual muted tones.

Interactive restoration of the 1821 color naming system Darwin used, with the original mineral, plant and animal references.

Contrast checking that shows you which nearby colors would pass, rather than just failing you.

Public-domain art and vintage graphic archive with extracted palettes on many items, useful for historical color research.

Shows each palette applied to a real mock webpage instead of flat swatches, so you can judge it in context.

Generates full palettes and gradients from a single hex code, with export presets for common CSS formats.

Open-source set of vivid two-tone gradient swatches, copy-paste ready as CSS or design-tool palettes.

A classic color-wheel tool for building complementary, triadic and tetradic schemes, dated but still functional.

The original crowdsourced icon marketplace, hundreds of thousands of pictograms with consistent, searchable naming.

Combined library of icons, illustrations, photos and a background remover, free with attribution or paid to remove it.

The largest icon marketplace by volume with heavy filtering by style and pack, useful when you need breadth over taste.

Community-maintained fork of Feather with a much larger set, consistent 24px grid and clean stroke geometry.

More than 5,500 MIT-licensed icons locked to a strict 24 by 24, 2px grid for pixel-perfect consistency.

Monochrome SVG logos for over 3,000 brands, each with the official brand hex color attached.

Half a million open-licensed SVG vectors and icons, editable in the browser and downloadable without an account.

Over 9,000 icons across six weights, from thin to fill, unusually complete for a free set.

The icon world's equivalent of a type foundry, with dozens of perfectly matched, art-directed icon families in one ecosystem.

More than 1,600 consistently-stroked open-source icons with first-class React, Flutter, and Figma support.

Over 4,600 free icons that are a teaser for a much larger stroke, duotone, and bulk premium family.

Clean 30,000-icon v5 library with a Figma plugin and framework packages, about 4,000 free to start.

Search across 150+ open icon sets at once, preview them together and export in any format, the fastest icon search that exists.

Reference for every emoji across every platform's rendering, essential when an emoji has to read correctly everywhere.

Open-source emoji set designed at a German design school, available in color and black outline, licensed for real design work.

Modern, well-maintained library of brand logos in SVG including wordmarks and light/dark variants.

Over 4,500 free minimalist icons in SVG, PNG and font formats, no account or attribution needed.

The default open font library, worth revisiting for its filtering by classification, variable axes and language support.

Upload a photo or screenshot and get the typeface identified from a database of well over 100,000 styles.

Hand-vetted free fonts that are actually licensed for commercial use, plus the Matcherator identification tool.

Daily site-of-the-day picks cropped to showcase unusual font pairings, plus curated lookbooks by aesthetic.

Independent archive tagging exactly which typefaces appear in real branding, packaging, and editorial work.

Paris collective distributing dozens of experimental, open-source typefaces free to modify and redistribute.

The original open-source font foundry, established in 2009 and still quietly maintained.

Beautifully presented curation of open-source typefaces with essays on type culture and licensing.

Libre font collection focused on typefaces you're allowed to actually redraw and extend.

Marketplace for typefaces still in progress, where you buy early at a low price and get every future version free.

Catalogue of variable fonts with live axis sliders so you can feel what each one does before committing.

A clear primer on what variable fonts are and how to use them well, written by type people rather than engineers.

Reference project analyzing how type specimens are designed, both historical printed ones and modern foundry websites.

Free, fast font manager for Mac, Windows and Linux that activates fonts from anywhere on disk without a subscription.

Tightly curated gallery of free typefaces with actual taste, no filler and no dodgy licenses.

Steady stream of free and open display faces, well organized by style with license clearly stated.

Awwwards' own curated shortlist of quality free typefaces, cross-referenced against their broader inspiration galleries.

Independent type foundry offering several complete font families free for personal and commercial use.

Indian Type Foundry's free, well-crafted variable fonts, a cut above most other free font sites.

The largest free mockup aggregator, pulling together PSD and Figma mockups from across the web into one searchable feed.

Browser-based mockup generator covering apparel, print, devices and video, no Photoshop required.

High-quality device, print and branding mockups with a consistently restrained aesthetic, many of them free.

Minimal, well-lit mockup scenes with a strong photographic feel, especially good for branding presentations.

Collaborative in-browser mockup editor spanning devices, apparel, packaging, and print.

Long-running source of print, stationery and packaging mockups, strong on the physical side rather than screens.

Free PSD and Figma mockups for devices, print and packaging, aggregated from multiple designers.

Ramotion's Dribbble collection of polished device and app mockup shots, good for portfolio-presentation inspiration.

Andrew Price's tutorials including the legendary donut series that has started more 3D careers than anything else.

Learn CSS flexbox by guiding a frog home across 24 levels, still the best way this concept has ever been taught.

The CSS Grid sibling to Flexbox Froggy, teaching grid-template and grid-column through a carrot-watering game.

Opinionated, free web book that's the closest thing to a typography bible for non-typographers.

Stan Prokopenko's anatomy, figure and gesture drawing lessons, the clearest teaching of drawing fundamentals available online.

Spot the subtle design mistake across dozens of UI pairs, brutally effective at training the eye for detail.

Addictive game where you space letters by eye and get scored against a typographer's solution.

Companion game for refining letterform curves, a real workout for bezier instincts.

Erik Kennedy's free, practically-minded articles on color, typography, and layout distilled from years of teaching.

Structured Blender learning flows that take you from modeling to shading to animation in a defined order.

An interactive, gamified tutorial designed to help designers and developers master the pen tool and vector paths.

Components you copy straight into your codebase, Radix plus Tailwind under the hood, rather than install as a black-box package.

Component class library on top of Tailwind CSS, so a button is one class instead of a dozen utilities.

More than 35 open-source React and Tailwind components built specifically for dashboards and charts.

Over 200 bespoke, animated Tailwind and Framer Motion sections that actually look designed, not templated.

Thousands of open-source, copy-paste UI elements like buttons, loaders and cards, styled in plain CSS or Tailwind.

Marketplace of React component and template snippets built on shadcn/ui, searchable and ready to paste in.

A free, open-source library of 936 interface sound effects across 12 sonic styles for web, mobile, SaaS, and game interfaces, MIT-licensed with CC0 audio.

Enormous archive of public-domain paintings, posters and illustrations in high resolution, sorted by movement and subject, ideal for print and collage work.

Curated essays and image collections drawn from historical archives, one of the best places to stumble into strange and beautiful old visual material.

The Rijksmuseum's full collection at ultra-high resolution, downloadable and usable for anything, including Rembrandts at absurd pixel counts.

Nearly a million digitized items from the New York Public Library, heavy on maps, ephemera, menus and photography.

Fast visual search across 100,000+ copyright-free images from The Met, NYPL and other institutional archives.

Open-source illustration library where you recolor the whole set to your brand color before downloading.

Free stock video clips, music and sound effects with a genuinely permissive license, useful when Pexels footage feels overused.

Free HD and 4K stock footage with a more cinematic, less corporate feel than most free libraries.

A collaborative open-access database of Creative Commons licensed audio snippets, sound effects, ambient tracks, and field recordings.

Hand-drawn character library by Pablo Stanley with mix-and-match heads, bodies and poses, released into the public domain.

Well-drawn 2D and 3D illustration packs and icon sets, a step above the usual flat vector filler.

A powerful, free browser-based photo and graphics editor that supports PSD, AI, Sketch, and XD formats with a Photoshop-like interface.

Raster to vector conversion that actually produces clean, usable SVG curves from logos and scanned artwork.

Generates unique SVG blobs, waves, gradients, and pattern backgrounds with live sliders, no signup needed.

Generator for 250+ seamless SVG patterns with live control over stroke, scale, rotation and color.

Small library of repeatable SVG background patterns with instant color and opacity tweaking.

Over 30 bite-sized generators for grain, mesh gradients, patterns, and glitch effects bundled into one no-account toolbox.

Fully recolorable, pose-able illustration packs from independent artists worldwide, with Figma and Sketch plugins.

Dead-simple tool for the wavy and angled SVG section dividers every landing page seems to need, copy-paste ready.

An interactive browser-based 3D design tool for creating customizable 3D mesh graphics, mockups, and illustrations.

An open-source web application for applying classic image dithering algorithms, pixelation effects, and custom retro color palettes directly in your browser.