Introduction

A component registry for React, built on Base UI and Tailwind CSS.

Stera UI is a collection of reusable components built on Base UI primitives and styled with Tailwind CSS.

Components are copied into your project — you own the code and can customize freely. This is not a traditional component library; there's no runtime dependency on Stera UI.

Features

  • Built on Base UI headless primitives for accessible, unstyled foundations
  • Styled with Tailwind CSS v4 and CSS custom properties for easy theming
  • Uses stera-icons for consistent iconography
  • CLI tool for adding components to your project
  • Full dark mode support via CSS variables

Getting Started

Install the CLI

pnpm dlx stera-ui init

Add components

pnpm dlx stera-ui add button dialog

Import and use

import { Button } from "@/components/ui/button"
 
export function MyPage() {
  return <Button variant="brand">Click me</Button>
}