⚓ Sticky Footer, Holy Grail & Shells

Full page architectures that ensure footers always pin to the bottom, support 3-column Holy Grail layouts, and desktop application shells.

Live Preview: Sticky Footer Shell Architecture

<header sticky="glass"> Sticky Top Navigation

<main> Content Area (Automatically expands to fill 100dvh)

<footer> Pinned Bottom Footer

<!-- Sticky Footer Layout -->
<body layout="sticky-footer">
  <header sticky="glass">Navbar</header>
  <main>Content goes here</main>
  <footer>Pinned Footer</footer>
</body>