The component library that stays out of your way.

45+ Lit web components. Light DOM. CSS tokens. Framework adapters.

npm install @voidable/ui @voidable/theme
Get Started Documentation

Drop in anywhere

Light DOM means no Shadow DOM barriers between your styles and the components. Works with any framework — or none at all. Import once, use everywhere.

<script type="module">
  import '@voidable/ui'
</script>

<void-button variant="filled">Save</void-button>
<void-input placeholder="Search..."></void-input>
<void-switch checked></void-switch>

Features

Light DOM

No Shadow DOM. Your styles reach every element.

CSS Token Theming

Dark and light modes via data-theme. Override any token.

Framework Adapters

React, Vue, Solid, Svelte, Angular, Hotwire.

45+ Components

Forms, layout, feedback, navigation, data display.

Accessible

ARIA attributes, keyboard navigation, screen readers.

Zero Runtime CSS

All styling through @voidable/theme. No CSS-in-JS.

Components

Buttons
Filled Outline Success Error
Badges
Default Success Warning Error Info
Form

Frameworks

React · Vue · Solid · Svelte · Angular · Hotwire · Vanilla JS