~ / AI Research / Design Inspiration Resources

Design Inspiration Resources

Curated collection of UI/UX design inspiration galleries, pattern libraries, and reference sites for when we need to design things. Thanks to Pablo for sharing these.


UI Pattern Galleries & Inspiration

Mobbin
The largest library of real-world mobile and web app screenshots. Searchable by screen type, UI element, app category. Essential for seeing how top apps solve specific design problems. iOS, Android, and web.
AppInspo
Curated mobile app design inspiration. Browse by category (onboarding, settings, profiles, etc.) or by app. Good for quickly seeing how specific flows are handled across different apps.
Spotted in Prod
Real UI patterns spotted in production apps. Focuses on interesting, unusual, or particularly well-executed design decisions found in the wild. Less comprehensive than Mobbin, more curated and opinionated.
Design Spells
Collection of delightful micro-interactions and design details. The small touches that make products feel polished: hover states, transitions, loading indicators, empty states, error handling. Reference for adding polish.
60fps.design
Hand-picked examples of smooth, performant animations and transitions in web and mobile interfaces. Focus on motion design that runs at 60 frames per second. Reference for implementing buttery animations.
Refero
Large searchable collection of real product UI screenshots. Browse by company, screen type, or UI element to find inspiration for specific design problems. Useful for benchmarking against established products.
Seesaw
Hand-picked website design inspiration updated daily. Covers AI, fintech, portfolios, design tools, and more. Focus on complete website design rather than individual components.
Dead Simple Sites
Curated gallery of the most minimal sites on the web. No excessive animations, scroll-jacking, or unnecessary storytelling. Updated weekly. Good reminder that simplicity often wins.

Navigation & Component-Specific

Navbar Gallery — Mobile Navigation
Dedicated gallery of navigation bar designs, specifically mobile navigation patterns. Tab bars, hamburger menus, bottom sheets, sidebars. Useful when designing mobile nav for a new project.
UI Skills
Interactive UI design challenges and exercises. Practice recreating real-world UI components. Good for sharpening implementation skills and studying how specific components are built.
OG Image Gallery
Curated gallery of high-quality Open Graph preview images across categories like SaaS, portfolios, finance, and creative industries. Reference for designing the social sharing cards that appear when links are shared on Twitter, Slack, etc.
404s.design
Curated gallery of the best error pages around. Creative, playful, and well-executed 404 pages from real sites. Useful when designing error states that turn a dead end into a moment of delight.

Marketing & Copy

Marketing Examples
Short, actionable marketing case studies curated by Harry Dry. Real examples of landing pages, copywriting, social campaigns, and growth tactics from companies like Adobe, Loom, and Tesla. Bridges the gap between design and conversion.

Meta & Discovery

Directories.so
The ultimate directory of directories. Hundreds of curated resource lists organized by category — AI tools, design inspiration, travel, product discovery, and more. Starting point for finding niche galleries and resource sites.
Anara
AI-powered research workspace for searching papers, extracting key information, and writing with automatic citations. Beautifully designed product worth studying for its clean, focused interface.