Design examples and GUI patterns on lookup.design

Tool powered by Lookup Design on Lookup Design.

lookup.design: design examples, GUI and UI website patterns—hand-indexed search, curated screenshots. Third-party site; open if blocked.

What is lookup.design?

lookup.design is a reference library of user interface and web design examples. Third-party rank exports cluster informational queries such as design examples, gui design examples, and ui examples website on the homepage, reflecting how people search for labeled production screenshots rather than mock-only galleries. The project centers on a searchable index of hand-named and hand-categorized screenshots from production sites, so you can look up patterns such as navigation, content blocks, and marketing modules without opening dozens of random tabs. The public site also describes a regular cadence of new examples and a newsletter signup for curated updates, subject to the wording on the live pages. Start research on the official site, then use the source site for full search, filters, and any account or email flows the provider offers.

What you can do with lookup.design

The product is for structured browsing, not for copying a full design wholesale.

  1. Search a labeled example index: Look up design examples and GUI or UI patterns with terms that match the component or section you are designing, such as logotype rows or “what we offer” blocks when the site exposes those labels.

  2. Review production patterns, not only mock Dribbble shots: Skim real-site implementations to see how teams handle density, type scale, and responsive layout.

  3. Filter by the brand or site when available: Tie a reference to a known product or launch when the directory lists the source in a way you trust.

  4. Optionally follow the newsletter on the source site: Use the public signup if your team wants a weekly pass without re-opening the site every day.

  5. Read terms and advertising notes on the origin: Privacy, advertising, and hire links on lookup.design govern your use of the service, not this the frame.

How to use lookup.design for research

Keep your task narrow so the index helps instead of feeling infinite.

  1. Name the screen state first

    Decide if you are solving empty, loading, or error, then search for that moment in real products.

  2. Save one line per hit

    Note pattern name, source brand, and what you are borrowing, for example a two-column feature grid with icon tiles.

  3. Map to your design system before build

    Translate a liked layout into your spacing and type tokens so engineering gets a spec, not a mystery screenshot.

  4. Cite the source in internal decks

    When you present references to stakeholders, include the public URL the gallery gives for that example.

Tips for UI inspiration workflows

Curated sets still need judgment for your own users and brand.
  • 01

    Avoid copying proprietary brands

    Structure and information hierarchy can inspire; another company’s name, mascot, and trade dress should not ship in your app.

  • 02

    Test accessibility, not only visual rhythm

    A strong grid can still hide contrast, focus, or form-label problems your audit must catch.

  • 03

    Re-check mobile when the still is desktop

    Some libraries skew toward large breakpoints; your launch may need a different stack on small viewports.

  • 04

    Prefer patterns over one-off effects

    A repeatable card or table layout helps engineering more than a single dramatic animation frame.

Who this library helps

Product and web designers who need credible references in one session.

  1. Designers building marketing and app shells: Align on hero, pricing, and settings patterns before a sprint locks components.

  2. New hires mapping company taste: Show three indexed examples in a row when you explain what “on brand” means for layout density.

  3. Solo devs and PMs in discovery: Replace vague “make it look modern” with a named pattern the team can search for in the same gallery.

  4. Agency teams presenting options: Send clients to the same This route so everyone references one catalog during reviews.

Benefits of opening it

A stable directory link reduces lost URLs in chat and email.

  • Category placement under Inspiration

    The tools hub lists it next to other gallery-style references, not inside stock photos or dev utilities.

  • Breadcrumb to /tools/inspiration

    New teammates can back up to the full inspiration list and compare tools in one pass.

  • Neutral copy

    We do not re-host their catalog or change search ranking; the iframe is the same public site you would open in a new tab.

  • Faster than passing raw URLs in chat

    The tools directory name makes it easy to find “lookup” when you forget the exact TLD later.

Frequently Asked Questions

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