A copy-paste component library — fully themeable, zero runtime dependencies, built for production.
Production-ready components built on modern standards.
Fine-grained reactivity with $state, $derived, $effect. No more boilerplate.
Dark mode, 6 theme styles, 12 accent colors, custom fonts — all via CSS variables.
No runtime deps. Just Svelte + Tailwind CSS v4. Ships lean and fast.
Like shadcn/ui for Svelte. Copy source directly into your project — you own it.
ARIA roles, keyboard navigation, and focus management built into every component.
Spring physics, CSS keyframes, and GPU-accelerated transitions throughout.
Every color, radius, and font is a CSS variable. Switch themes at runtime — no build step, no class toggling.
12 accent colors
Pick the components you need. Copy them into your project. Customize freely — you own the source.
npx ambar-ui@latest add button input select<script lang="ts">
import Button from '$lib/components/Button.svelte';
import Input from '$lib/components/Input.svelte';
</script>
<Input label="Email" bind:value={email} />
<Button onclick={submit}>Send</Button>Every building block you need for modern UIs.
From financial candlesticks to real-time streaming — all reactive, all themeable.
Ambar UI is MIT licensed. Copy, fork, customize — no attribution required. Built in public, improved by the community.