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.