Design & Assets

Design tools, icon packs, UI kits, stock imagery, fonts, and color systems for shipping beautiful product UI.

35 curated links across 7 sections

Our shortlist for putting together a polished product UI without hiring a designer. Start with shadcn + Lucide + Google Fonts and you're 80% of the way there.

Design tools

Where the design itself gets done.

Figma
FeaturedFreemium
The industry-standard collaborative design tool. Auto-layout + dev mode + generous free tier.
design tool
Penpot
Open-source
Open-source Figma alternative with SVG-native exports. Self-hostable.
design toolself-hostable
Framer
Freemium
Design tool + no-code website builder. Great for marketing sites.
design toolwebsite builder
Sketch
Paid
Mac-native design tool. Still a favorite in native-iOS / macOS shops.
design toolmacOS

UI component libraries

Pre-built, accessible, copy-paste-able UI primitives.

shadcn/ui
FeaturedOpen-source
Copy-paste-friendly React components on top of Radix + Tailwind. The de facto standard.
ReactTailwind
Radix UI
Open-source
Unstyled, accessible React primitives. The foundation under shadcn and many others.
Reactprimitives
Tailwind UI
FeaturedPaid
Paid, polished component + page sections from the Tailwind team. Zero-to-beautiful fast.
Tailwindcomponents
Headless UI
Open-source
Unstyled accessible components from the Tailwind team. React + Vue.
ReactVue
Mantine
Open-source
Fully-featured React component + hooks library with excellent DX.
React
MUI
Freemium
Material UI components for React. Still the mature enterprise default.
ReactMaterial

Icons

Icon sets you can drop into a project legally and without thinking.

Lucide
FeaturedOpen-source
Community fork of Feather. 1400+ icons, consistent 24px stroke. Default choice.
strokeSVG
Heroicons
Open-source
Solid + outline icons from the Tailwind team. Clean, readable, free.
SVG
Phosphor Icons
Open-source
Flexible 6-weight icon family. Great for dense dashboards.
SVGmulti-weight
Tabler Icons
Open-source
4500+ free SVG icons with consistent 24×24 stroke. Massive set.
SVGstroke
Iconify
Free
200k+ icons across 100+ sets through a single API + components. The aggregator.
aggregator
SVGL
Free
Curated SVG logos for brands. Great for integration pages.
logos
Simple Icons
Open-source
3000+ brand icons in a consistent grid. Perfect for footers + tech stacks.
logos

Illustrations & 3D

Hero art without paying a designer.

unDraw
FeaturedFree
Tweakable-color SVG illustrations, free for everything including commercial.
illustrationsSVG
Storyset
Free
Customizable illustration sets with attribution. Huge variety of styles.
illustrations
IRA Design
Free
Free 3D-ish illustration kits for product pages.
illustrations
Spline
Freemium
Browser-based 3D design tool. Great for hero scenes without Three.js pain.
3D

Stock photos & video

Royalty-free, zero-attribution imagery.

Unsplash
FeaturedFree
The largest free high-res photo library. Consistent quality, great API.
photos
Pexels
Free
Free photos + video library. Complements Unsplash well.
photosvideo
Pixabay
Free
Free photos, video, music, sound effects, illustrations. Everything-free.
photosaudio
Coverr
Free
Free stock video loops for hero sections.
video

Fonts

Typography that won't break.

Google Fonts
FeaturedFree
1500+ open-source web fonts. Self-host with next/font for best performance.
open-source
Fontshare
Free
Free-for-commercial-use quality fonts from Indian Type Foundry.
open-source
Adobe Fonts
Paid
25000+ fonts included with Creative Cloud. Hard-to-beat licensing value.
premium
Variable.fonts
Free
Gallery of variable fonts with live weight/width sliders.
variable
FontSquirrel Generator
Free
Generate web font formats from any TTF/OTF. Useful last-mile tool.
converter

Color & gradients

Palettes, gradients, and color system utilities.

Coolors
FeaturedFreemium
Generate and save palettes fast. Spacebar-to-shuffle is addictive.
palettes
Tailwind Color Palette
Free
The industry-standard 50–950 step palette. Steal the values.
Tailwindpalettes
OKLCH Color Picker
Free
Perceptually uniform color picker. The modern replacement for HSL.
OKLCHpicker
UIGradients
Free
Copy-paste CSS gradients. Simple, classic, works.
gradients
Radix Colors
Open-source
Accessibility-first 12-step palettes with light/dark pairs and P3 ranges.
palettesdark mode

Other resource directories

Links on this page point to third-party sites. We pick them on merit — no affiliate tracking, no paid placements. Spot something outdated or missing? Open an issue.