Design Atlas

← Atlas

Footers ​

Footer structure, density and content — the part of the page that quietly carries navigation, legal and community links.

Start here ​

  • Footer Design — "the only footer gallery on earth," filtered by style with an Editor's Choice flag.
  • Checklist Design — a 13-item footer checklist that catches the legal links, payment marks and trust badges galleries skip.

All sources ​

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

  • 23rd14 showpiece shader, ASCII and footer components for React and Svelte 5 via the shadcn CLI, with an agent skill; no licence file.Verdict NicheLook only licence, not statedAgent channels llms-txt, registry, skillReviewed
  • Checklist Design138 design checklists by screen, component and flow, plus an agent skill that reviews a screenshot against the matching list.Verdict Very usefulConditional licence, mixedAgent channels skillReviewed
  • Footer DesignGallery dedicated to footers, filtered by style, with an Editor's Choice flag.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • HyperUIFree MIT copy-paste Tailwind v4 snippets (about 540 with dark variants) for apps, marketing and a neobrutalism set, plus small tools.Verdict UsefulShip licence, open source permissiveAgent channels noneReviewed
  • Sections.wtfShort recordings of individual website sections, filterable by 22 block types with source-site and same-site links.Verdict Very usefulLook only licence, not statedAgent channels noneReviewed
  • Tailarkshadcn registry of marketing blocks, full pages and illustrations; free MIT kits plus a paid Quartz kit, in Base UI and Radix builds.Verdict Very usefulConditional licence, mixedAgent channels registry, promptsReviewed

Patterns worth reusing ​

  • Organize a dense footer in columns (e.g. Product, Resources, Community) instead of one long link list.
  • Manually flag a curated subset ("Editor's Choice") as a quality signal on top of raw submissions.
  • A niche as narrow as "footers only" can sustain a full gallery if it's well filtered by style.
  • Link every example directly to its source site so the gallery stays a gateway, not a copy.
  • Study a footer next to the rest of the same site's sections, so its density and tone are judged against the page it closes (Sections.wtf).

Pitfalls ​

  • It's a purely visual reference — no downloadable code or accessibility spec for the footers shown.
  • Organic content is mixed with a sponsored section; distinguish the two before trusting a recommendation.
  • No licence is typically stated for how the screenshots may be used.