Design Atlas

← Atlas

Inspiration ​

Galleries of real interfaces, sites and components to look at before designing your own — for style, structure and interaction, not for copying.

Start here ​

  • Curated — browse live websites by style and industry, then follow a record to its original site.
  • One Page Love — find single-page sites by visual style or page type, with full-page and section references.
  • A1 — compare whole sites, interior pages and sections with visual filters and measured design details.
  • Kage — start from a screenshot-backed design analysis or component, then check the original site.
  • Recent — follow current website captures and visual tags to the live source.

All sources ​

Showing 50 of 366 sites

Ship: reuse with the notice or credit the licence asks forConditional: read the terms before you reuse anythingLook only: no licence stated, so take ideas and nothing else

  • 100,000 StarsInteractive Chrome Experiment that turns nearby stellar data into a navigable, cinematic star map.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • 10xShivamDark developer portfolio using dashed outlines, serif headings and expandable work entries to structure a long page.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • 21st.devCommunity registry of React and Tailwind components with many variants per pattern, a CLI and an MCP server.Verdict Very usefulLook only licence, not statedAgent channels mcp, cli, apiReviewed
  • 404 GalleryAbout ninety 404 screenshots from Russian sites, each joke built around the business; no links to the live pages.Verdict NicheConditional licence, proprietary freeAgent channels noneReviewed
  • 404sCurated gallery of 404 pages, filterable by style, interaction and industry.Verdict NicheLook only licence, not statedAgent channels llms-txtReviewed
  • 60fpsAbout 2,080 real iOS interaction recordings with storyboards, a glossary, llms.txt and a paid MCP that returns motion breakdowns.Verdict Very usefulConditional licence, proprietary paidAgent channels mcp, llms-txtReviewed
  • 81-webA Japanese web design archive with filters for type, category, color, font, tags, studio and date, plus desktop/mobile and cover/masonry views.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • 8bit.aiEnterprise AI site that turns a dark 3D logo and streaking light into a scroll-led introduction to its services.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • a-freshA categorized website and component archive with previews, desktop and mobile views, and filters for design traits.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • A1A curated gallery of live websites, full pages and individual sections, with visual filters and measured design details.Verdict Very usefulConditional licence, proprietary paidAgent channels mcpReviewed
  • AbetoAn interactive studio portfolio pairing a warm, illustrated botanical hero with realtime digital experiences.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • abtest.designCurated index of A/B tests from real apps, each card naming the change, the company and the measured lift.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Aceternity UI200+ React and Tailwind landing-page components and blocks (heroes, bento grids, shaders); the elaborate blocks are paid.Verdict Very usefulConditional licence, proprietary paidAgent channels mcpReviewed
  • Active TheoryA creative studio portfolio built around a dark, animated particle scene and a compact route into its project work.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Aditya LogsMonospace portfolio with inline emphasis, an activity sidebar and a compact, terminal-like visual language.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Admire The WebLong-running web design gallery with counted categories, a colour filter and an interactions section, running to 76 pages of indexed sites.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • AKUTallinn studio portfolio with spacious project listings, expressive typography and colorful visual identity case pages.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Alpine BioBiotech brand landing page by Resn with ingredient macro imagery, oversized sans type and floating navigation.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • AlternativeToA searchable software directory that helps designers discover comparable products, interfaces and further visual references.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Amanita DesignGame studio site with an illustrated rotating feature, a tiled game catalogue and media-rich individual game pages.Verdict UsefulConditional licence, proprietary freeAgent channels noneReviewed
  • Animesh ThakurA grid-based portfolio with offset display lettering, diagonal section dividers, project cards and a compact music player.Verdict UsefulConditional licence, proprietary freeAgent channels noneReviewed
  • AnjilA restrained developer portfolio pairing a dithered travel photograph with a serif headline, concise biography and compact work timeline.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • AnsphareFree gallery that pairs a design with its prompt, its DESIGN.md or a skill file you can drop into Claude or Cursor.Verdict UsefulConditional licence, proprietary paidAgent channels cli, skill, promptsReviewed
  • Anzal AbidiA personal portfolio that frames a professional story with classical paintings, editorial type and a chaptered timeline.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • apmix.aiAn AI API landing page that pairs a geometric mesh with side-by-side terminal sessions and a usage dashboard.Verdict NicheConditional licence, proprietary paidAgent channels apiReviewed
  • AppinspoA curated feed of about 760 app shots by device, plus a tool that turns a screenshot into an AI style brief.Verdict UsefulLook only licence, not statedAgent channels promptsReviewed
  • AppllamaiOS app screen and flow archive with recorded walkthroughs, screen details and cross-app comparisons.Verdict Very usefulConditional licence, proprietary paidAgent channels mcpReviewed
  • AppShot GalleryReal App Store and Play Store listing screenshots and icons, filterable by genre, style and tone.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • Are.naIndependent research-style bookmarking in connected channels, with a v3 REST API, llms.txt, official OAuth MCP server and CLI.Verdict Very usefulConditional licence, proprietary paidAgent channels mcp, llms-txt, cli, apiReviewed
  • ArtCenter Spring 2025 Grad ShowA clean, searchable graduate portfolio catalogue with department routes, term filters and individual project pages.Verdict UsefulConditional licence, proprietary freeAgent channels noneReviewed
  • Ashish GogulaA restrained design engineer portfolio that presents a short profile beside a row of live media and visual widgets.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • Ashutosh TiwariA long-form developer portfolio framed by a wide illustrated hero, dashed grid rules, project cards and a command palette.Verdict UsefulConditional licence, proprietary freeAgent channels llms-txtReviewed
  • AthrixDeveloper portfolio with an editorial serif headline, dotted page grid and pale botanical accents.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Atomic TessellatorCritical-minerals landing page with a charcoal canvas, measured serif headline and a dynamic scientific point-and-line visualization.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • AURAI LABShanghai creative studio with a pearl-toned editorial homepage and a public CityWalk product demo.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • Auri (auri.ai)Interactive demos of an AI keyboard, visual chat and notes show how assistant features can fit into everyday writing flows.Verdict NicheConditional licence, proprietary paidAgent channels noneReviewed
  • Awesome Design SystemsA tagged index of public design systems that helps you compare their components, voice guidance, designer kits and source links.Verdict UsefulShip licence, public domainAgent channels noneReviewed
  • AwwwardsPaid-entry web design awards with jury-scored winners, interaction clips and studio credits; llms.txt plus a small awards API.Verdict UsefulConditional licence, proprietary paidAgent channels llms-txt, apiReviewed
  • BananiPublic UI-screen references and an AI editor for turning prompts or screenshots into editable prototypes.Verdict UsefulConditional licence, proprietary paidAgent channels mcpReviewed
  • BaseFrameA product designer's portfolio with detailed operational-software case studies, useful for studying dense workflows across desktop and mobile.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Baymard Ecommerce Design ExamplesEcommerce page gallery with desktop, mobile and app captures annotated with research-based UX findings.Verdict UsefulConditional licence, proprietary paidAgent channels noneReviewed
  • before.click361 App Store screenshot strips, paywalls and onboarding flows, plus an MIT ASO agent skill.Verdict UsefulConditional licence, mixedAgent channels skillReviewed
  • BehanceAdobe's portfolio network of long-form case studies for branding, type and UI; blocks AI crawlers and scripted access.Verdict UsefulConditional licence, proprietary paidAgent channels noneReviewed
  • Bencho38 live, tunable React blocks whose "Copy prompt" hands an agent full source plus token-mapping instructions.Verdict UsefulShip licence, open source permissiveAgent channels promptsReviewed
  • BentoGridsA visual catalogue of tile based layouts with category and theme filters and links to the live sites behind each example.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Best Designs on XHourly feed of 9,400+ credited design posts from X, plus Instagram, Dribbble, Behance, fonts, app icons and OG images; Panda Network, sponsor-funded.Verdict UsefulLook only licence, not statedAgent channels noneReviewed
  • Best SaaS Web DesignsFree, no-login catalogue of about 390 SaaS sites, each with desktop, mobile and OG captures, per-section crops, detected stack and a colour palette.Verdict UsefulConditional licence, proprietary freeAgent channels llms-txtReviewed
  • Best Website GalleryOne curator's 2,640 noteworthy sites since 2008, tagged by colour, features and shipped libraries; updated irregularly.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • BestWebsiteTemplate.comFree template directory with filters, looping homepage previews and separate design and development scores; Aries is a detailed Webflow example.Verdict UsefulLook only licence, not statedAgent channels llms-txtReviewed
  • BlueCanvasSeoul digital studio showing live motion experiments, interactive web craft and selected client projects alongside its service work.Verdict UsefulLook only licence, not statedAgent channels noneReviewed

Patterns worth reusing ​

  • Compare several existing solutions to the same pattern before settling on a design, instead of designing from a blank page.
  • Follow a gallery card to the individual live site, then turn an observed composition or interaction into a decision for the project, with the example URL attached.
  • Filter simultaneously by two axes that matter in practice (e.g. site type and build platform, or style and industry) instead of one.
  • Organize a directory by stage of work (inspiration, components, build, visuals) rather than alphabetically.
  • Track "most copied" versus "most viewed" separately — it signals what inspiration actually gets used, not just looked at.
  • Flag a curated subset (an "Editor's Choice") on top of raw submission volume so quality is signaled without hiding the rest.
  • A "surprise me" random shortcut can meaningfully boost exploration time on an otherwise small gallery.
  • Describe a motion reference to an agent in beats (trigger, starting state, movement, settle) rather than as "make it feel like this app" (60fps, Collect UI).
  • Isolate one section of the page, such as the hero, so every screenshot answers the same question and comparison is fast (Supahero).
  • Tag references by their job and, separately, by their visual format, so one gallery answers both "what should it say" and "how should it look" (posts.design).
  • Give each entry a one-sentence written description and style tags so a visual gallery becomes searchable by text and readable by agents (Inspora, Recent).
  • Record references as video whenever motion is the point, since loaders, scroll choreography and section entrances disappear from a screenshot (Landing Love, Sections.wtf, Details).
  • Tag every entry with the typefaces it uses, so a site or brand gallery doubles as a type-pairing reference (SEESAW, Rebrand Gallery).
  • Keep older captures when a site is redesigned, so you can see how a brand's web presence changed (Landing Love).
  • Lock one card ratio and crop every screenshot to it, so a grid of wildly different sites still lines up: Site of Sites measured 695 by 387 and Refs.Gallery 334 by 188, both 16:9.
  • Make hierarchy with display tracking rather than weight, and leave the body ranks neutral: Refs.Gallery runs its 56px hero at weight 600 with minus 3.36px letter-spacing, about minus 0.06em.
  • Build identity from one accent used at size instead of many: Site of Sites tints large serif headings rgb(4, 0, 216) while buttons, links and body copy stay neutral.
  • Keep a two-tone ground rather than pure values, so long scrolls of screenshots do not glare: Refs.Gallery measured rgb(10, 10, 10) behind rgb(250, 250, 250).
  • Pair a heavy serif display face with a neutral sans for everything else, rather than two sans faces: Site of Sites sets headings in an extra-bold serif at 66px on a 70px line over Helvetica at 16px on a 1.3 line height.
  • Track small labels by about 0.1em so the filter chrome separates from the content: Site of Sites runs its 13px labels at 1.3px tracking in a neutral grey.
  • Serve thumbnails at the size they render, in a modern format, and let them fade in, so a heavy grid still feels light (Site of Sites).

Pitfalls ​

  • Screenshots belong to real products and their branding — use them for structural or stylistic reference, never copy verbatim.
  • Manual curation means links and examples go stale; treat any single directory as a starting point, not a guarantee of freshness.
  • Most galleries mix organic entries with sponsored placements — separate the two before trusting a recommendation.
  • Most inspiration galleries offer no export or MCP, but an agent with a browser can still inspect their public pages and linked sites. Published integrations can speed up discovery; they do not replace looking at the live design.
  • A gallery thumbnail may show an old version or only one viewport. Check the linked site before treating its layout, colours or behavior as current.
  • Check the newest entry before relying on a gallery for current trends; some add work only occasionally (Supahero, loadmo.re).
  • Automated access is often restricted: 60fps forbids bulk downloading and model training, Details forbids scraping and using it to train a competing model, Rebrand Gallery rules out automated collection and AI-made derivative work, and posts.design's robots.txt disallows the API its llms.txt advertises. Check the terms before scripting anything.
  • Free tiers can be tight: Motionimo allows three video detail views a day, Rebrand Gallery asks for an account to keep browsing, and Curated's section library is mostly Pro.
  • A single accent only works while it stays scarce. Reuse Site of Sites' blue for buttons and links as well as headings and the page flattens.
  • Copying a gallery's measured values without its constraints backfires: minus 0.06em suits a system sans at 56px and collides at body size or on a serif face (Refs.Gallery).
  • Cover-cropped tiles flatten sites that only work in their own viewport, and a grid of stills cannot show how a page scrolls or how a loader behaves.
  • A gallery built on a site builder brings its markup with it: reading Site of Sites' structure into a codebase is worse than copying its rules.