Inspiration

Study real landing pages, bento layouts, and interface patterns from curated galleries. This category lists 36 web design inspiration websites—browse UI showcases, one-page portfolios, and visual references when you need layout direction, typography ideas, or motion cues for product work.

Looking for external products and SaaS platforms? Browse curated products.

About Inspiration

Study real landing pages, bento layouts, and interface patterns from curated galleries. This category lists 36 web design inspiration websites—browse UI showcases, one-page portfolios, and visual references when you need layout direction, typography ideas, or motion cues for product work. You can explore each tool page to understand the use case, output format, and how to reuse results in design and frontend projects.

How teams use Inspiration

Workflows for landing layout research and UI pattern study.
  1. Landing page mood before wireframes

    Collect hero layouts, social-proof bands, and pricing table patterns from gallery sites, then map structure in Figma before writing copy.

  2. UI pattern research for components

    Compare navigation, card grids, and dashboard shells across live sites to inform your design system—not to copy pixel-for-pixel.

  3. Pair inspiration with mockup framing

    After picking a visual direction, frame screenshots in device mockups from the Mockups category for stakeholder decks and App Store previews.

Browse other categories to find complementary tools for your workflow.

Frequently Asked Questions

Quick answers about this tool—open a question to read more.

Back to all tools