Browse and inspect designs

Open Explore without signing in. With no search or filters applied, the library shows the newest examples first. Use Next and Previous when results span more than one page.

Look beyond the thumbnail

Anyone can open a shared landing-page link to preview its title and thumbnail. Share the design page URL for a branded link preview; image URLs can expire.

Without signing in, open a design to see its description, style tags, full screenshot, and source link. The detail page also shows when the screenshot was captured and its capture width.

Choose Visit original website ↗ to open the source in a new tab. A screenshot records one page at one point in time: the live site may have changed, and interactions or responsive behavior are best checked on the original website.

Click a style tag to find other designs with that tag. Choose Back to the library to return to Explore.

Make a useful reference

Before saving an example, identify what you want to learn from it:

Layout: How are the main sections arranged? Where does the eye go first?
Typography: Which differences in size and weight create hierarchy?
Color: How does the palette separate content from actions?
Spacing: What makes the page feel dense, spacious, or easy to scan?

Use Save design + to keep the reference. Designs belong to their original creators; a screenshot is not a licensed template.

If an image does not load

Reload the detail page to request a fresh image link. If you copied an image URL earlier, reopen the design instead: screenshot links expire. Bookmark the design page, not its image URL.

Reuse a design guide

When an example includes DESIGN.md, anyone can view, copy, or download the file. Retrieving its text through API/MCP requires your free account API key. Place it in your project's repository and ask your coding agent to follow that visual direction alongside the screenshot. Review inferred values against the original reference. This guide does not transfer ownership of the original site's assets. Some older examples do not have a guide yet.

Compare designs and discover your taste

Open Arena for free, with or without an account. Click either screenshot or its Choose button to vote, or skip the pair. The landing pages use the same mobile/desktop format. Scroll within a screenshot to inspect it. Skipped pairs can be revisited; return later as the collection grows if you run out of pairs.

Guest votes count toward the global ranking. Create an account to have future votes build your personal taste profile; guest history stays separate. Global rankings are public. Personalized rankings and saved references require a free account, not a subscription. DESIGN.md guides are also free when available.

Global ranking uses everyone's first vote per pair: Elo starts at 1,000 and updates after each comparison. It is relative preference, not an objective quality grade. Counts show how much evidence each score has; fewer than ten comparisons are labelled provisional. Equal scores share a rank. Mobile and desktop landing pages are separate comparison pools.

For you is private to your account. It combines Elo from your own comparisons with style-tag and industry similarities, plus a smaller influence from saved references. This can suggest unvoted references with similar metadata; it does not analyze screenshot pixels. Personal fit is not a percentage or global Elo. Until you vote or save a reference, this page uses the global ranking as a starting point. Existing search and REST/MCP results keep their original ordering.

To start over, expand Start your personal taste over on For you, check the confirmation and submit. Previous choices and existing saves stop influencing your personal ranking; the saved collection and original global votes remain. You can compare those pairs again for personal taste, but they will not gain extra global weight. Newly saved references contribute to the new profile. Reset changes recommendations, not the retained voting history. Account deletion unlinks vote history from your account while preserving community results.

Votes need a fresh comparison. Each pair counts once per account or guest browser session toward global rankings; repeated clicks are safe. The limit is 30 comparison actions per minute per account or guest session, including skips.

Explore pages and components

Explore's Type filter separates full landing and pricing pages from heroes, calls to action, auth forms, and other components. The screenshot on a design's detail page keeps its original proportions. Short components fit without an empty square beneath them; tall screenshots scroll inside a bounded preview. Swipe, or focus the preview with Tab and use the arrow keys to inspect the rest. Small images are not enlarged. Thumbnails show the complete image without cropping.

When a reference belongs to a site, More from [site name] shows related references. Choose All designs from this site to browse the whole group. Independent references work without a site. Published pages and components are public, including full screenshots and available DESIGN.md guides. Saving a reference requires a free account.