Introduction

Welcome to Tessera UI

Tessera UI is a modern, accessible React component library built with Tailwind CSS. Inspired by shadcn/ui, it provides beautifully designed components that are customizable and easy to use.

Features

• Accessible: Built on Radix UI primitives for WAI-ARIA compliance
• Customizable: Tailwind CSS with CSS variables for easy theming
• Type-Safe: Full TypeScript support with IntelliSense
• Flexible: Components use Class Variance Authority (CVA) for variant management
• Modern: Built with the latest React 18 and Tailwind CSS v4

Quick Start

Get started with Tessera UI in your React project:

pnpm add @tesseraui/ui

Then import and use components:

import { Button } from "@tesseraui/ui";

export default function App() {
  return <Button>Click me</Button>;
}

Next Steps

• Installation - Learn how to install and set up Tessera UI
• Components - Explore the available components
• Contributing - Help improve Tessera UI