Design Inspiration
Website Design Inspiration
- Awwwards
- CSS Design Awards
- Dribbble Web Design
- The FWA Awards
- Hover States
- HTTPster
- I Love Creatives
- Land Book
- Landingfolio
- Mobbin Design Library
- One Page Love
- Page Collective
- Refero
- SaaS Landing Pages
- Site Inspire
- UI8
General Design Inspiration
Design & Layouts
Design Resources
- A Look Back at 30+ Years of Website Design
- Best Design Resources
- Complete Web & Mobile Designer Resources
- Design Patterns
- Golden Ratio for Designers
- Practical Tips for Cheating at Design
- Ten Principles for Good Design
- Zero to Mastery Resources
Layouts
- Ultimate Website Template (Business Made Simple)
Color
Color Palettes
- Adobe Color Wheel
- Brand Colors Database
- Color Hunt
- Coolors
- Crayola Colors
- HTML Color Names
- Material Design Palette
- Open Color
- Paletton
- Dezmi Color Inspiration
Gradients
Color Tools
- 0 to 255 Tint & Shade
- Canva - Palette from Image
- Color Contrast Checker
- Colorable Contrast Checker
- Tint & Shade Generator
Color References
Development Tools
Cheat Sheets
Code Playgrounds
Git
Text Placeholders
HTML & CSS Resources
HTML Reference
Semantic HTML
CSS Reference
- MDN CSS Reference
- CoDrops CSS Reference
- Can I Use?
- CSS Tricks
- Flexbox Reference
- Grid Reference
- Modern CSS Solutions
- SASS Documentation
CSS Tools
Icons, Images, and Videos
Icon Libraries
- Favicon Generator
- Font Awesome
- Hero Icons
- Icon Finder
- Ionicons
- IconJar (premium)
- IcoMoon
- IconMonstr
- Line Awesome
- Phosphor Icons
Stock Images & Videos
Image Placeholders
Javascript
Resources
Typography
Typography Inspiration
Font Libraries
Font Pairings
- Designs.AI Font Pairings
- Fontpair
- Google Type Pairings
- Just My Type
- Monotype Pairing Generator
- Typ.io Font Pairings
- Typespiration
- Xara Font Combinations
Typography Tools
- Adobe Visual Search
- Font Matcherator
- FontSquirrel Font Identifier
- Golden Ratio Calculator
- Identifont Font Finder
- MyFonts Font Identifier
- What Font Is Similar?
- Wordmark
Resources
Validator Tools
HTML & CSS Validators
- W3 Markup Validation Service
- W3 CSS Validation Service
- W3 Link Checker
- W3 Internationalization Checker
Page Speed Optimization
Other Validators
Accessibility Validation
Color Contrast Checking
Accessibility Reference
Web Resources
References
- Developer Roadmaps
- MDN Web References
- MDN Developer Guides
- W3 Schools
- Web.dev Resources
- WordPress Developer Resources
Resources
- The Frontend Checklist
- Jonas Schmedtmann Resources for Web Developers
- Kinsta Page Speed Optimization Guide