Collection · 10 picks · 2026

Hero, navbar, footer and CTA design inspiration

When you are designing one part of a page rather than the whole thing, a section-specific gallery is faster than scrolling full sites. These collect navigation bars, footers, heroes, calls to action and loading states, each tagged so you can compare dozens of takes on the same component.

Drawn from website design inspiration galleries.

Sort

SEESAW preview

SEESAWGalleriesWebsite design inspiration organized by page section so you can study one block at a time.

Supahero preview

SupaheroGalleriesA curated collection of website hero sections for inspiration when designing a landing page.

navbar.design preview

navbar.designGalleriesA hand-picked set of navigation bar patterns to reference when designing site menus.

footer.design preview

footer.designGalleriesA selective set of creative website footers for inspiration on that closing section.

Collect UI preview

Collect UIGalleriesDaily UI design inspiration tagged by component, drawn from an ongoing design challenge.

Pttrns preview

PttrnsGalleriesA directory of mobile UI patterns for referencing how apps handle common screens.

navbar.gallery preview

navbar.galleryGalleriesA tightly focused gallery of modern navigation bars to study when designing site menus.

cta.gallery preview

cta.galleryGalleriesA hand-picked set of call-to-action buttons and banners for conversion-focused inspiration.

loader-buttons.appllama.io

Loader Buttons preview

Loader ButtonsGalleriesA gallery of 25 loading button animations to reference for micro-interaction ideas.

Sections.wtf preview

Sections.wtfGalleriesA gallery of real-world website sections and hero layouts to reference block by block.