---
title: "Introduction"
description: "Components belong in your project. Install the source, then compose your interface."
---

> Documentation Index
> Fetch the complete documentation index at: https://ui.conteman.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

Conteman UI is a React component registry built on Base UI and Tailwind CSS 4. Install editable source with the shadcn CLI. Your project owns the text and behavior.

## Configure the registry

Start with React and Tailwind CSS 4. Run `npx shadcn@4.23.0 init`, then add this namespace to `components.json`:

```json
{
  "registries": {
    "@conteman": "https://ui.conteman.com/r/{name}.json"
  }
}
```

## Install a component

```sh
npx shadcn add @conteman/button
npx shadcn add @conteman/data-table
```

DataTable installs Button, Input, Table, class utilities, TanStack Table 8 and the light/dark theme automatically. The theme updates existing variables; inspect your working tree before accepting those changes.

## Explore the examples

- [Button](https://ui.conteman.com/en/basics/button/): variants, disabled and loading states, and a Base UI dialog.
- [DataTable](https://ui.conteman.com/en/data-display/data-table/): search, pagination, empty states and error recovery.
- [Theme](https://ui.conteman.com/en/theme/): light/dark CSS variables for Tailwind CSS 4.

Empty sidebar categories reserve space for future components. This sample only ships the components described above.

## For agents

Every page has a Markdown representation. Use [llms.txt](https://ui.conteman.com/llms.txt) for discovery and the [Agent Skill index](https://ui.conteman.com/.well-known/agent-skills/index.json) for installation guidance. [中文文档](https://ui.conteman.com/).

Source: https://ui.conteman.com/en/index.mdx