Introduction

A unified component API across Radix UI, Base UI, Headless UI, and plain HTML. Switch foundations without rewriting application code.

Universal Design System extends the shadcn/ui pattern across multiple primitive libraries. Each component ships with the same interface regardless of the underlying library, so you can choose based on bundle size, framework compatibility, or team preference.

Key concepts

• Components

  Fundamental building blocks like buttons, inputs, and modals. Each component supports multiple library variants with a consistent API.

• Blocks

  Pre-composed patterns like login forms, navigation bars, and data tables.

• Themes

  Three built-in themes (Default, Minimal, Rounded) with light and dark mode. Theming uses CSS custom properties and semantic tokens.

• Accessibility

  Every implementation includes proper ARIA attributes, keyboard navigation, and screen reader support.

Getting started

Install any component with a single command, or copy the source directly into your project. See the Installation guide for setup instructions.