NEW Now on Svelte 5 + Runes

Styled, accessible
Svelte 5 components —
zero config.

Fully styled, fully accessible components built on Bits UI. No Tailwind. No config in your project — pnpm add sve-ui, import, ship. Theme it all with CSS variables.

$ pnpm add sve-ui
+page.svelte
Pro plan Active

Upgrade your workspace

Unlimited components and priority support.

+9
WAI-ARIA via Bits UI

No Tailwind

Styles ship with the package. Your project needs no Tailwind, no PostCSS, no utility classes.

Zero config

Install, import the stylesheet once, and use. No setup step, no CLI, no copy-pasting source.

Accessible

Dialog, Dropdown, Tooltip & Popover are built on Bits UI — WAI-ARIA, focus traps, keyboard nav.

Themeable

Every color, radius & spacing value is a --sve-* variable. Light & dark out of the box.

13 components

Everything you need,
already styled.

Display, form, feedback and overlays — composed, accessible and ready to drop in. Every example below is the real component.

Button — variants × tones
Badge · Spinner
Primary Success Warning Default

Loading…

Input

At least 8 characters.

Avatar
RA
SQ
PF
Heading · Text

Display

Title weight

Body copy in a comfortable measure with muted foreground for secondary information.

Alert — color × variant

Saved successfully

Your changes are live.

New version

v0.2.1 is available.
Overlays — real Bits UI overlays. Open them.
Dialog
Dropdown Menu
Tooltip
Popover
Theming

Yours to theme —
live, right here.

Every token is a CSS custom property. Recolor the whole component cluster or flip its theme — no rebuild, no config. Try it:

Accent
:root {
--sve-color-primary:#F56565;
--sve-radius-md:0.375rem;
}
S
Sve·UI
themed live
Dark
Accent Stable
Setup

Three lines.
That's the setup.

No tailwind.config, no PostCSS plugins, no component scaffolding. Add the package, import the stylesheet once, and use the components.

  • Works with npm, pnpm and yarn
  • Tree-shakeable — import only what you use
  • Fully typed with SvelteKit support
App.svelte
# 1 · install — no Tailwind needed
$ pnpm add sve-ui

// 2 · import the stylesheet once
import 'sve-ui/theme.css';

// 3 · use it — zero config
import { Button, Dialog } from 'sve-ui';

<Button color="primary">Ship it</Button>
Why Sve·UI

The only one that
skips Tailwind.

Most Svelte libraries need Tailwind wired into your project. Sve·UI doesn't.

SSve·UI
shadcn-svelteSV5UIFlowbite
No Tailwind in your project
required
required
required
Zero config to start
CLI setup
config
config
Styled out of the box
copy & own
Accessible (Bits UI / ARIA)
partial
partial
Theme via CSS variables
TW config
TW config
Svelte 5 + Runes
Light + dark included
partial

Comparison reflects each library's default setup. All are excellent — Sve·UI's wedge is the zero-config, no-Tailwind path.

Ready to build?

13 components, full theming, accessible by default — and not a line of Tailwind in sight.

v0.2.1
MIT license
GitHub