SiteInspire
Long-running, tightly curated showcase of well-crafted websites, filterable by style, type and subject. Updated daily.
Resources & Tools for Web Designers
Galleries, assets and tools for designing marketing sites, landing pages and portfolios. Benchmark structure against live sites, pull in type, backgrounds and imagery, and add motion that works in the browser.
Website Inspiration
Live, curated websites for layout, type and navigation ideas, plus the award sites that track the best web work.
Website Galleries
Recent Design (formerly Godly)
Godly's rebrand: a curated gallery of standout live websites with video previews, plus branding, product and motion work.
Minimal Gallery
Hand-picked minimal, typography-led websites since 2013. Reach for it when you need restraint and whitespace done well.
Hoverstates
Gallery of experimental, unconventional websites. Use it to break out of template thinking on navigation, type and layout.
Best Website Gallery
David Hellmann's hand-picked site of the day archive, 2,600+ websites collected since 2008. Clean, rated, easy to scan.
Web Awards
Awwwards
The leading web design awards: daily Site of the Day picks judged by designers, plus collections, courses and jobs.
CSS Design Awards
Daily website awards scored on UI, UX and innovation. A good second lens alongside Awwwards for standout web work.
The FWA
Favourite Website Awards, running since 2000. Daily picks of cutting-edge interactive and experiential web work.
Landing Pages and Sections
Benchmark marketing-page structure from hero to footer before you lay out your own.
Landing Pages
Lapa Ninja
Landing page inspiration, plus free design resources and books.
Land-book
Large, daily-updated landing page gallery with deep filters for industry, style, color, typography and build platform.
SaaS Landing Page
840+ SaaS landing pages plus pricing, features, FAQ and about pages. Filter by tag, font and tech stack.
Landingfolio
Landing page gallery by industry and color, with copy-paste components for Figma, Tailwind and Webflow.
landing.love
2,100+ animated landing pages captured as full-page video recordings, so you see scroll and motion, not just stills.
Saaspo
Curated B2B SaaS websites and pages, filterable by industry, style and section. Good for marketing-site benchmarks.
Page Sections
Navbar Gallery
A gallery of navbar inspiration for designing a website's navigation.
Footer Design
A gallery of website footer inspiration to reference when designing for the web.
MaxiBestOf
Weekday-updated feed of curated websites, broken down into reusable sections (hero, pricing, footer) and the fonts they use.
Visual Assets
Type, backgrounds and imagery for pages that need more than flat color.
Type
Google Fonts
1,500+ free, widely used font families with variable axes and one-line web embedding.
Fontshare
Quality serif and sans-serif fonts from Indian Type Foundry, free for personal and commercial use.
Typewolf
Curated font recommendations, pairings and alternatives to popular typefaces, plus a site-of-the-day typography showcase.
Backgrounds and Textures
fffuel
60+ free SVG generators for patterns, gradients, blobs, textures and backgrounds.
Haikei
Generates SVG blobs, waves, layered peaks, blurry gradients and other backgrounds. Randomize, tweak, export as SVG or PNG.
MESH Gradient
Drag points on a WebGL canvas to warp colors into organic mesh gradients, then export. Quick hero and card backgrounds.
Design Gradients
Linear gradients curated by talented artists, ready to drop into any project.
Imagery and 3D
Unsplash
High-quality free photos under the Unsplash License, with a paid Unsplash+ tier and a Figma plugin for placing images in-file.
Pexels
Free stock photos and videos for commercial use without attribution. Strong for lifestyle, workplace and b-roll.
Lummi
Stock photos, illustrations and 3D made by humans and AI, with built-in reframe, restyle and background removal.
Spline
Browser-based 3D design tool for interactive scenes and objects, with a remixable community library and web embeds.
Motion for the Web
Add interaction and animation that ships in the browser, and learn the techniques behind it.
Motion Tools and Tutorials
Unicorn Studio
No-code WebGL tool with 75+ effects for interactive hero backgrounds, shaders and motion graphics that embed on any site.
Rive
Interactive animation tool with state machines and native runtimes for web, iOS, Android and game engines.
LottieFiles
Huge library of free and premium Lottie animations, plus Lottie Creator for building and exporting dotLottie in the browser.
Paper Shaders
Zero-dependency WebGL shaders (mesh gradients, grain, dithering, halftone, liquid metal) shipped as React components.
Codrops
Creative front-end tutorials and demos on WebGL, GSAP and motion. The go-to for interaction and animation ideas.
Build and Ship
Generate site structure quickly, audit existing sites and optimize assets before launch.
Site Tools
Relume
Turns a brief into a sitemap and wireframes from its component library, exporting to Figma, Webflow or React.
html.to.design
Import any live website into Figma as editable layers with auto layout and styles. Useful for audits, redesigns and benchmarks.
Squoosh
Google Chrome Labs' in-browser image compressor with side-by-side quality comparison. Files never leave your device.
SVGOMG
Web UI for SVGO. Drop in an SVG, toggle optimizations and export a smaller, cleaner file before dev handoff.
Other toolkits
Weekly newsletter · Every Tuesday
New references, every Tuesday.
The newest additions to the library, three LDS picks worth revisiting and a category spotlight, in one short email.
Browse past issues