HydratelessAccessible UI primitives, near-zero runtime

Semantic HTML and modern CSS first. Tiny JavaScript enhancers load only when an interaction truly needs them.

🪶

CSS-first

Accordions, tabs, modals, drawers, tooltips, and more work out of the box with no JavaScript, built on native elements like details and dialog.

⚡

Add keyboard navigation, focus traps, and ARIA management only where native HTML falls short. Each enhancer is a few hundred bytes.

🧩

The @hydrateless/auto package detects data-hl-* attributes and lazy-loads exactly the enhancers your page uses.

🎨

Every component is driven by CSS variables for color, spacing, radius, and typography. Dark mode is built in.

🧱

All styles ship inside @layer, so your own CSS always wins: no specificity battles, no !important.

🔌

First-class packages for React, Vue, and Svelte (plus an Astro guide) wrap the same enhancers idiomatically.

These are real Hydrateless components, not screenshots. Toggle JavaScript off in any frame to see how much works with CSS alone.

Stable Notifications

Accessible primitives with full keyboard support and ARIA wired by tiny enhancers.

Ship the CSS, then add enhancers only where an interaction needs them.

Restyle everything from a handful of CSS variables in the theme studio.