simple-shell — minimal shell for marketing / landing / error pages

The 4th cluster in the bespoke shell family per ADR-0023. Designed deliberately small (1 host + 2 CSS-only children) to demonstrate the pattern works for thin clusters without ceremony.

Default — top-aligned with hero + content

Welcome to AdiaUI

A zero-dependency vanilla JS web component library for modern interfaces.

Get started View on GitHub

Quick example

Drop primitives into any HTML page — no build tools needed.

Components are framework-agnostic. Use them in vanilla HTML, React, Vue, Svelte, or anywhere else.

[centered] — vertically centered content

404 — Page Not Found

The page you're looking for doesn't exist or has been moved.

Back to home

[full-bleed] — drops the max-width constraint

Full-bleed content

When [full-bleed] is set, children stretch to the viewport width instead of being bounded by the default max-width (~56rem). Use for hero sections that want edge-to-edge background, or marketing pages with full-width imagery.