Web Design Resources
Google Fonts
Free, open-source font library with 1500+ font families.
Visit →
Font Squirrel
Free fonts with commercial-use licenses and a webfont generator.
Visit →
Fontshare
Free, high-quality fonts from the Indian Type Foundry.
Visit →
Fontsource
Self-host open-source fonts via NPM packages.
Visit →
Heroicons
Beautiful hand-crafted SVG icons by the Tailwind CSS team.
Visit →
Lucide
Beautiful & consistent open-source icon set, fork of Feather Icons.
Visit →
Phosphor Icons
Flexible icon family with 6 weights and 1000+ icons.
Visit →
Tabler Icons
5000+ free SVG icons with consistent stroke width.
Visit →
Simple Icons
SVG icons for popular brands and products.
Visit →
unDraw
Open-source illustrations with customizable colors.
Visit →
Humaaans
Mix-and-match illustration library of people.
Visit →
Open Peeps
Hand-drawn illustration library by Pablo Stanley.
Visit →
Coolors
Fast color scheme generator with export options.
Visit →
Color Hunt
Curated collection of beautiful color palettes.
Visit →
Realtime Colors
Visualize your color palette on a real website layout.
Visit →
OKLCH Color Picker
Modern OKLCH color picker for perceptually uniform colors.
Visit →
LottieFiles
The largest library of free Lottie animations and tools.
Visit →
IconScout Lottie
Animated Lottie icons and illustrations.
Visit →
CSS-Tricks
Articles, tutorials, and reference on CSS and frontend dev.
Visit →
Can I Use
Browser support tables for modern web features.
Visit →
Tailwind CSS
Utility-first CSS framework with design system built in.
Visit →
CSS Gradient
Free CSS gradient generator tool.
Visit →
Clippy
CSS clip-path maker for custom shapes.
Visit →
WebAIM
Web accessibility resources, training, and evaluation tools.
Visit →
The A11Y Project
Community-driven effort to make digital accessibility easier.
Visit →
WCAG 2.1 Guidelines
Official W3C Web Content Accessibility Guidelines.
Visit →
Axe DevTools
Automated accessibility testing tool.
Visit →
Design Systems Repo
Collection of design systems, style guides, and pattern libraries.
Visit →
Storybook
UI development environment for building component libraries.
Visit →
Design Tokens Community
Community and spec for design tokens standardization.
Visit →
Dribbble
Design community for sharing and discovering creative work.
Visit →
Awwwards
Awards for the best web design and development.
Visit →
Mobbin
Real-world mobile and web design references.
Visit →
Godly
Curated collection of the best web design inspiration.
Visit →
SaaS Landing Page
Collection of the best SaaS landing page designs.
Visit →