Niche UI Inspiration Galleries
Single-component inspiration sites: instead of whole-page galleries, each collects one UI element (navbars, footers, 404s, hero sections, CTAs) at scale. Curated by Tran Mau Tri Tam (@tranmautritam), who also assembled the broader inspiration set. Use these to mine a specific section before designing it. Source: X/@tranmautritam thread, 2026-05-18 (954 likes, 1,381 bookmarks).
Component galleries
| Gallery | Focus |
|---|---|
| Navbar Gallery | Best navigation bars, menus, and dedicated mobile navigation examples |
| SupaHero | Hero section inspiration |
| 404s | Creative 404 error page designs |
| Footer | Clean, effective footer inspiration |
| CTA.gallery | High-converting call-to-action sections |
| Gridddy | Pre-footer CTA gallery |
| BentoGrids | Bento grid layouts |
| OGimage.gallery | Open Graph / social preview card examples |
| H1 Gallery | Marketing headline examples |
| Website Headlines | SaaS/B2B/DTC headline references |
Section and motion galleries
| Gallery | Focus |
|---|---|
| Unsection | Thousands of website sections (heroes, CTAs, pricing, more) |
| 60fps | Smooth UI animations and micro-interactions from shipped iOS and web apps; see Design Inspiration Galleries for the deeper review. |
| DesignSpells | Magical micro-interactions and delightful details |
| One Page Love (OG) | Real Open Graph / social card image examples |
| Saaspo | Top SaaS and product landing page inspiration |
| Rebrand Gallery | Curated rebrands and visual identity redesigns (also in Moodboard Sites) |
Implementation-adjacent section sources
| Source | When to use |
|---|---|
| Component Library Sources | Before hand-rolling a section or uncommon component. |
| Tailwind Plus UI Blocks | Paid official Tailwind section and app UI blocks; see Tailwind Plus Components. |
| Chanh Dai Components | Shadcn/Tailwind component execution examples from a design engineer tracked in Design Agencies Reference. |
| Evil Charts | Chart-section inspiration for shadcn/Recharts-style dashboards. |
| Blocks.so | shadcn/Radix/Base UI block catalog for product sections. |
| Shaders.com | Shader/effect component source when the interface needs visual material rather than flat cards. |
| Embla Carousel examples | Carousel behavior and layout examples; the pasted /examples/static/ URL returned a 404, so use the base examples route. |
The full link list lives in the source thread and the sanitized design-folder note. Pair section-level mining here with whole-site galleries (Awwwards, Mobbin, etc.) in Design Inspiration Galleries, whole-page references in Landing Page Variants & Reticle Expansion, implementation sources in Component Library Sources, and agency benchmarks in Design Agencies Reference; for micro-interaction polish see Interface Micro-Polish.
The reviewed @tranmautritam image is a clean 3x3 card board for Navbar, SupaHero, 404s, Footer, CTA, Unsection, 60fps, DesignSpells, and BentoGrids. That matters because the artifact is not just a link list; it models the shelf shape future design agents should preserve: one affordance per card, short domain label, and enough specificity that a designer can jump straight to the section being built. Source: local image artifact, 2026-07-03
Mobile navigation review
The @Suupercharged bookmark resolves to navbar.gallery/mobile-navigation, not only the launch tweet video. The reviewed video shows a dark Navbar Gallery interface with filters for static, dropdown, mega menu, side bar, search bar, announcement, full screen, and breadcrumbs, plus real mobile examples from Cal.com, Metalab, Butterly, RRE, GoFundMe-like layouts, and product sites. Use it when designing a mobile menu pattern, especially when the decision is "which nav pattern fits this product?" rather than "what should the whole site look like?" Source: X/@Suupercharged, 2026-03-13; Source: local video artifact review, 2026-07-02
Timeline
- 2026-06-25 | Added concrete design-folder section sources: Navbar Gallery, CTA.gallery, SupaHero, BentoGrids, OGimage.gallery, H1 Gallery, Website Headlines, Tailwind Plus UI Blocks, Chánh Đại components, Evil Charts, and Embla examples. Source: raw/notes/design-folder-sites-2026-06-25.md
- 2026-06-01 | Page created from @tranmautritam's curated gallery thread during Batch C absorption. Thirteen single-component inspiration sites catalogued. Source: X/@tranmautritam thread, 2026-05-18
- 2026-07-02 | Added the dedicated Navbar Gallery mobile-navigation route after resolving and reviewing @Suupercharged's 75+ mobile navigation bookmark. Source: raw/x-bookmarks/enriched/2032566902103625777.json; local media artifact, 2026-07-02
- 2026-07-03 | Cross-linked 60fps to the focused motion/detail review in Design Inspiration Galleries. Source: raw/x-bookmarks/enriched/2033109408214106125.json
- 2026-07-03 | Deep-reviewed the original @tranmautritam image artifact: a 3x3 card board for single-component galleries including Navbar, SupaHero, 404s, Footer, CTA, Unsection, 60fps, DesignSpells, and BentoGrids. Source: raw/x-bookmarks/enriched/2056384261977227301.json; local image artifact