The Vibeary — round-up
Best UX pattern libraries and inspiration galleries
When you are stuck on onboarding, an empty state, a pricing page or a settings screen, the fastest unblock is seeing how twenty good products solved it. Pattern libraries and galleries are that lookup table. This shelf separates them by what they actually catalogue — full-page galleries for layout and marketing, pattern libraries for flows and interaction, micro-element collections for the small stuff, and motion galleries for reference before you tune easing. Use them as references, not as a source of things to copy verbatim.
What earned a place
- Curated rather than an infinite scrape
- Catalogued by pattern or flow, so it is searchable
- Updated recently enough to reflect current practice
- Free to browse without an account wall
24 picks from the library
- 01
3D Websites
Gallery collecting only sites using real-time 3D, WebGL scenes and spatial interaction.
Why it made the list: The reference list when a client asks for 'something like Bruno Simon'.
Web design galleriesfree3dwebsites.design
- 02
404s.design
Collection of 404 error pages, useful for the one screen every project ships and nobody designs.
Why it made the list: The classic forgotten screen, with a whole gallery devoted to it.
Micro-element galleriesfreeFinnian Sturdy404s.design
- 03
abtest.design
Curated collection of published A/B test results from leading applications, framed as design evidence.
Why it made the list: Design decisions backed by measured outcomes rather than opinion. Very rare resource.
UX pattern librariesfreeMobbinabtest.design
- 04
Art of the Title
Deep archive of film and TV title sequences with interviews and breakdowns of how they were made.
Why it made the list: Twenty years of motion-design craft explained by the people who made it.
Motion & delight galleriesfreeIan Albinson & Alexander Ulloaartofthetitle.com
- 05
BentoGrids
Gallery collecting bento-box grid layouts, a pattern that spread fast and has few structured references.
Why it made the list: Single-pattern gallery for a layout every AI-generated landing page now attempts badly.
Micro-element galleriesfreeIvan Volti (@ivanvolti)bentogrids.com
- 06
Best Website Gallery
Web design showcase curated continuously since 2008, giving an unusually long historical record of style shifts.
Why it made the list: Sixteen-year archive makes it a timeline of web aesthetics, not just current trends.
Web design galleriesfreeDavid Hellmann (@davidhellmann)bestwebsite.gallery
- 07
Brands in Motion
Collection of brand motion identity systems showing how logos and identities behave when animated.
Why it made the list: Motion brand guidelines are almost never public; this collects the ones that are.
Motion & delight galleriesfreebrandsinmotion.xyz
- 08
Browsing Mode
Curated web design gallery presenting sites with an emphasis on browsing experience and interface chrome.
Why it made the list: Small curated set with an unusual framing angle on what to notice.
Web design galleriesfreeMPTYbrowsingmode.com
- 09
Brutalist Websites
Archive of raw-HTML, harsh-contrast and deliberately unconventional websites, each with a short designer statement.
Why it made the list: Designer statements attached to each entry make it a design-theory archive, not just screenshots.
Web design galleriesfreebrutalistwebsites.com
- 10
Commerce Cream
Gallery of well-designed Shopify storefronts, curated exclusively around that one platform.
Why it made the list: Platform-locked curation means every reference is technically reproducible for a client.
SaaS & landing galleriesfreecommercecream.com
- 11
Crypto Design Club
Gallery of crypto and web3 product interfaces, a vertical almost no mainstream gallery covers.
Why it made the list: Vertical-specific reference for a category with genuinely distinct interface conventions.
SaaS & landing galleriesfreePredrag (@predragus), Sascha Mayr, Katarina & Nikola (@uxkosta)cryptodesign.club
- 12
CTA Gallery
Gallery of call-to-action sections and buttons collected from live marketing sites.
Why it made the list: Conversion-critical component with almost no dedicated reference material elsewhere.
Micro-element galleriesfreeWebesticacta.gallery
- 13
Daily Delights
Feed of small delightful interface moments posted regularly, each isolated as a short clip.
Why it made the list: Daily cadence keeps a running stream of small ideas without the noise of Dribbble.
Motion & delight galleriesfreeFélix Péault (@flayks)delights.design
- 14
Dark Mode Design
Gallery collecting only dark-themed websites, with filtering to study dark palette and contrast decisions.
Why it made the list: Dark mode reference is scarce; this is the only sizeable dedicated corpus.
Web design galleriesfreeCai Cardenasdarkmodedesign.com
- 15
Dark.design
Hand-picked gallery of dark-themed websites sorted by sector — agency, AI, software, hardware, web3, education, culture and personal — plus free templates.
Why it made the list: Dark UI is its own craft problem and this is the only gallery scoped to it.
Web design galleriesfreeY5K LLCdark.design
- 16
Dead Simple Sites
Gallery of intentionally simple websites with basic layouts, useful when arguing a client out of over-design.
Why it made the list: A rhetorical weapon in client meetings as much as an inspiration source.
Web design galleriesfreeArcade Labsdeadsimplesites.com
- 17
Design Spells
Regularly updated collection of micro-interactions, easter eggs and delightful details captured from live products.
Why it made the list: The canonical delight archive. Every entry is a directly stealable interaction idea.
Motion & delight galleriesfreedesignspells.com
- 18
Design Vault
Interface breakdowns of specific products, capturing desktop and mobile screens for the same feature.
Why it made the list: Paired desktop/mobile capture of the same feature is unusually useful for responsive work.
UX pattern librariesfreemiumdesignvault.io
- 19
Eyecandy
Searchable library of visual techniques in film and video, indexed by effect name.
Why it made the list: Indexing motion by technique name is a lookup model web galleries should copy.
Motion & delight galleriesfreemiumJacobi Mehringer (@eyecannndy)eycndy.com
- 20
Footer.design
Gallery collecting only website footers, filterable by layout and content pattern.
Why it made the list: Nobody designs footers well because nobody has references. This is the whole reference set.
Micro-element galleriesfreeNOOON Studiofooter.design
- 21
Frame Rate
Curated gallery of motion design and animated video work across brand and product.
Why it made the list: Motion reference outside the web bubble, useful for raising the ambition of web animation.
Motion & delight galleriesfreeframerate.tv
- 22
Glance
Curated gallery of SaaS product interfaces and marketing sites with a fast browsing format.
Why it made the list: Lightweight and fast; a good daily-scan gallery rather than a research archive.
SaaS & landing galleriesfreeglance.fyi
- 23
Growth.Design Case Studies
Illustrated comic-format UX teardowns applying named psychology principles to real product decisions.
Why it made the list: Comic format makes behavioural psychology stick; unmatched as client-facing explainer material.
UX pattern librariesfreeDan Benoni & Louis-Xavier Lavalleegrowth.design
- 24
H1 Gallery
Collection of website hero headlines and H1 treatments, focused on type scale and opening statements.
Why it made the list: Isolates the single most-read element on any page for direct comparison.
Micro-element galleriesfreeCorey Haines (@coreyhainesco)h1gallery.com
Questions
- How do I use inspiration galleries without copying?
- Collect three or four solutions to the same problem and extract the underlying decision, not the visual treatment.
- Are pattern libraries a substitute for user research?
- No. They tell you what is conventional, which lowers risk — not what your specific users need.