Compact Accordion Footer
A dark glassmorphic footer where navigation sections collapse into accordions on mobile and expand into a three-column layout on desktop, with a subtle gradient glow behind.
📐 Layout Archetype
accordion — Engineered with responsive CSS flexbox and CSS grids that collapse gracefully on smaller viewports.
🎨 Visual Style Language
glass-depth — High contrast baseline typography, fine hairline borders, and subtle interactive elevations.
⚡ Production Ready
100% pure Tailwind CSS utility classes with zero build steps or heavy node modules. Drop directly into React, Next.js, Vue, or HTML.
More Footers & Navigation
Split Accordion Footer
A dark luxury footer with a left brand column and right accordion that toggles to a two-column grid on desktop.
Floating Grid Footer
A dark luxury footer with a centered brand statement and a mobile accordion that turns into a three-column grid on desktop.
Accordion Footer - Compact
Navigation collapses into accordions on mobile, expands to four columns on desktop.