✨ Powered by Bits UI Headless Core

The styled components for Svelte

Official documentation styles elevated into a reusable library. Built with mathematical concentric radius and strict scale consistency.

Mathematical Token

--radius: 16px

0px (Sharp) 28px (Pill)

explore The foundation for your next web project

Outer: rounded-card (16px)
Inner: rounded-input (10px)

Mathematical radius perfection.

Buttons and inputs share exact heights: 36px, 48px, 56px.

Zero margin, seamless alignment.

Tailwind-variants with precision shadows.

Built for everyone, by default.