Skip to main content
Footer

Footer Design – Curated Website Footer Inspiration Gallery

web designfooterinspirationui reference

A curated gallery of the best website footers on the web, sortable by type and style — typographic, illustrative, grid, cards, animated and more — with editor's picks and links to the originals.

★ 9 Last Updated: 2026-11-08 footer.design
Visit Website

Detailed Introduction

Footers get built last and break first: a pile of links, a copyright line, shipped. Footer Design collects the good ones so you don't have to scroll to the bottom of a dozen sites hunting for a reference.

It bills itself as the only footer gallery on earth, and the collection runs 65 pages of listings. Each entry shows a preview and links to the live site, so you can inspect the actual type scale, spacing and interaction.

How it's categorized

Tags lean on the language clients actually use when describing what they want:

  • Typographic, Large Type, Bold — type-driven footers
  • Small Type — dense, text-heavy footers
  • Illustrative — footers that carry artwork
  • Grid — structured grid layouts
  • Flat — no decoration, straight layout
  • Animated — motion on scroll or hover
  • Cards — modular card blocks
  • Bright, Dark — the two lighting directions
  • Info, Newsletter — informational vs. signup-focused

There's also an Editor's Choice section, which is the fastest place to start.

When it's useful

Two cases: locking a design direction for a new site and deciding how much a footer should carry, plus whether it needs a signup; or restyling an existing site and borrowing a layout structure from a similar style. It's also a handy artifact for aligning designers and front-end on how far down the page the polish should extend.

Built by NOOON, and open to submissions.

Navbar Gallery – Navigation Design Inspiration Collection

A curated gallery of the best website navbar designs on the web, filterable by type — static, dropdown, mega menu, sidebar, search bar and more — with links to the live sites.

web designnavbarinspiration

Scrolltide — Cinematic Scroll-Driven Website Templates & AI Prompts

A curated library of scroll-driven website templates, components and shaders delivered as prompts. Copy a prompt, paste it into your AI, and launch a site that actually moves.

web designpromptsscroll animation

Variant – Endless Design Options for Your Ideas, Just Scroll

Enter an idea for an app or a site and scroll through endless design directions. No canvas, no prompt loop — stop when a design catches you. Export to HTML or React.

ai designui generationdesign inspiration

shadcn/ui: Build Your Own Component Library with Copy-Paste Flexibility

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

UI ComponentsOpen SourceTailwind CSS

Header Name: Free Social Banner Generator

Create free personal-brand banners for X, LinkedIn, YouTube and GitHub with 48 templates, local-first editing, PNG/SVG exports and a one-click ZIP.

freeSocial Banner GeneratorPersonal Branding

Anime.js: Lightweight JavaScript Animation Library

Anime.js is an efficient JavaScript animation library that supports animations for HTML, SVG, CSS, and more, ideal for front-end developers and designers to quickly implement web animations and enhance user experience.

Front-end developmentWeb design