aether-headless

Unstyled, accessible UI primitives for Vue 3. The logic core of Aether UI.

Features

• 🧠 Logic Only: Zero styles, total control over DOM and CSS.
• ♿ Accessible: Built-in WAI-ARIA compliance and keyboard navigation.
• 🧩 Polymorphic: Full support for as and asChild props via Primitive.
• ⚡ Lightweight: Tree-shakable and optimized for performance.
• 🌍 SSR Ready: Safe unique ID generation and hydration support.

Installation

pnpm add aether-headless
# or
npm install aether-headless

Quick Start

<script setup>
import { AccordionRoot, AccordionItem, AccordionTrigger, AccordionContent } from 'aether-headless'
</script>

<template>
  <AccordionRoot type="single" collapsible>
    <AccordionItem value="item-1">
      <AccordionTrigger>Is it accessible?</AccordionTrigger>
      <AccordionContent>Yes. It adheres to the WAI-ARIA design pattern.</AccordionContent>
    </AccordionItem>
  </AccordionRoot>
</template>

Documentation

For full documentation, visit aether-ui.com.

License

MIT