Designing a remarkable digital product isn't about reinventing the wheel in isolation. The most prolific design engineers and product builders build mental libraries by continuously analyzing real-world production interfaces.
Whether you are crafting high-converting above-the-fold hero sections, implementing 60fps micro-animations, or architecting frictionless user onboarding flows, having curated bookmarks saves dozens of hours of trial-and-error.
Here is the master index of the 18 best design inspiration sites every designer and developer should keep bookmarked.
1. Godly (Elite Web Aesthetics)
URL: godly.website
- Best For: Cutting-edge creative agency portfolios, typography, and web experiences.
- Why Bookmark: Godly curates the top 1% of web experiences globally. Every featured site demonstrates thoughtful interaction design, fluid scroll physics, and bold typography.
2. Mobbin (Real App UI Screens & User Flows)
URL: mobbin.com
- Best For: Auditing real mobile iOS, Android, and web application user journeys.
- Why Bookmark: With over 620,000+ screenshots, Mobbin lets you deconstruct complete onboarding, paywall, settings, and checkout flows from apps like Linear, Notion, and Airbnb.
3. Curated Design (Web Design Catalog)
URL: curated.design
- Best For: Filterable visual web design catalogs.
- Why Bookmark: Easily browse websites tagged by 3D elements, dark modes, glassmorphism, brutalism, and color schemes without leaving the grid.
4. Page Flows (User Experience Video Walkthroughs)
URL: pageflows.com
- Best For: Watching real-time video recordings of complex UX journeys.
- Why Bookmark: Static screenshots only tell half the story. Page Flows captures full user interactions, showing you how top apps handle modal interruptions, errors, and retention loops.
5. Supahero (Hero Section Inspiration)
URL: supahero.io
- Best For: Above-the-fold headers and hero blocks that convert visitors.
- Why Bookmark: Your hero section determines whether a visitor stays or bounces within 3 seconds. Supahero showcases high-converting headlines, badge placements, and visual CTA alignments.
6. 60fps.design (Fluid UI Animations)
URL: 60fps.design
- Best For: High-frame-rate UI animations and micro-interactions.
- Why Bookmark: An invaluable resource for engineers building with Framer Motion, GSAP, or Swift. Inspect drawer animations, spring physics, and gesture-driven UI.
7. Landings.dev (Developer Tool Landing Pages)
URL: landings.dev
- Best For: Engineering utilities, open-source projects, and technical SaaS.
- Why Bookmark: Developer audiences have zero patience for marketing fluff. Landings.dev curates landing pages that communicate technical value clearly using code snippets, terminal mockups, and minimal dark aesthetics.
8. SaaS Landing Page (SaaS Marketing Patterns)
URL: saaslandingpage.com
- Best For: Comprehensive SaaS landing page teardowns.
- Why Bookmark: 700+ full-page captures categorized by pricing tables, social proof testimonials, feature grids, and FAQ accordions.
9. Inspora Design (Avant-Garde Visual Finds)
URL: inspora.design
- Best For: Creative typography, color pairings, and editorial layouts.
- Why Bookmark: If your work feels stale or generic, Inspora provides visual stimulation outside standard corporate design systems.
10. Navbar Gallery (Header & Navigation Inspiration)
URL: navbar.gallery
- Best For: Modern floating navbars, sticky headers, and mega-menus.
- Why Bookmark: Navigation is the architectural backbone of any website. Discover floating pill navbars, blur backdrops, and seamless responsive hamburger menus.
11. CTA Gallery (Call-To-Action Blocks)
URL: cta.gallery
- Best For: High-contrast closing sections and action buttons.
- Why Bookmark: Study how leading products craft persuasive bottom banners, newsletter signups, and trial triggers that drive conversions.
12. Refero AI Design (AI Agent & Product UI)
URL: styles.refero.design
- Best For: AI chat widgets, copilot workflows, and agent interface tokens.
- Why Bookmark: Generative AI requires new interaction patterns. Refero showcases prompt inputs, streaming state loaders, and markdown message cards.
13. Loadmo.re (Loading Screens & Skeletons)
URL: loadmo.re
- Best For: Creative loading spinners, skeletons, and progress bars.
- Why Bookmark: Perceived performance matters as much as actual latency. Turn loading states into memorable brand micro-interactions.
14. One Page Love (Single-Page Websites)
URL: onepagelove.com
- Best For: One-page sites, waitlists, and personal portfolios.
- Why Bookmark: Over 15 years of curated single-page web designs demonstrating how to tell a complete, persuasive story on a single scrolling canvas.
15. siteInspire (Editorial & Agency Portfolios)
URL: siteinspire.com
- Best For: Sophisticated editorial layouts and design studio showcases.
- Why Bookmark: Strict editorial curation focusing on disciplined grid structures, typographic hierarchy, and clean whitespace.
16. Posts.design (Social Media & Feed Design)
URL: posts.design
- Best For: Multi-slide carousels and visual social graphics.
- Why Bookmark: Learn the visual hierarchy, contrast ratios, and pacing needed to create educational carousels that stop the scroll on LinkedIn and Twitter.
17. The Component Gallery (Design System Library)
URL: component.gallery
- Best For: Enterprise component patterns and accessibility.
- Why Bookmark: Aggregated directly from systems like Atlassian, GitHub Primer, and Shopify Polaris. Inspect how the best design teams build accessible Modals, Badges, Tabs, and Tooltips.
18. 404s.design (Creative 404 Error Pages)
URL: 404s.design
- Best For: Playful error pages, Easter eggs, and brand personality.
- Why Bookmark: Transform a dead-end 404 page into an endearing moment that brings a smile to your users.
Bonus Curation Gems
- Recent Design (recent.design): Daily stream of the freshest website launches.
- Land-book (land-book.com): Hand-picked gallery of clean websites and landing page inspiration.
- Logobook (logobook.com) / Logosystem (logosystem.co): Discover identity design and logo marks.
- UI Gradients (uigradients.com): Beautiful color gradient palettes ready to copy in CSS.
- Collect UI (collectui.com): Daily archive of UI patterns and visual components.
Master Selection Cheatsheet
- For Layout & Visual Trends: Godly, Curated Design, siteInspire
- For UX Journeys & Mobile Screens: Mobbin, Page Flows
- For Conversion & Landing Pages: Supahero, SaaS Landing Page, CTA Gallery
- For Details & Polish: 60fps.design, Navbar Gallery, Loadmo.re, 404s.design
- For Architecture & Systems: The Component Gallery, Landings.dev, Refero AI
Design Engineering Standards
Exceptional digital experiences are born from deep study of how leading product teams resolve spatial tension, feedback cadence, and cognitive clarity. Auditing production flows across design systems and live products empowers engineers and designers to build cohesive, high-conversion interfaces with speed and rigor.