@adn-ui/svelte

The Svelte implementation of the adn-ui design system — accessible, themeable components built with Svelte 5 and Bits UI.

Features

• Svelte 5 Runes — Modern reactivity API.
• Accessible — Built on Bits UI primitives.
• Themeable — Native Tailwind v4 support.
• Consistent — Matches the React and Vue implementation APIs.

Installation

npm install @adn-ui/svelte
# or
bun add @adn-ui/svelte

Setup

Import the styles in your root +layout.svelte:

<script>
  import "@adn-ui/svelte/styles";
</script>

{@render children()}

Usage

<script>
  import { Button } from "@adn-ui/svelte";
</script>

<Button variant="primary">Click me</Button>

Development

# Build (watch mode)
bun run dev

# Production build
bun run build

# Storybook
bun run storybook

# Tests
bun run test:unit

License

MIT