---
title: "Primitives (~40 Bits UI wrappers)"
description: "Roughly 40 styled atomic components (Button, Input, Badge, Select, Table, etc.) that wrap Bits UI headless primitives with CVA variants and design tokens."
category: "UI Components & Design System"
---

# Primitives (~40 Bits UI wrappers)

> Generated from `mcp/patterns.registry.json` — do not edit by hand; change the registry and run `bun run patterns:build`.

_Index card — the docs below are the canonical explanation; deep-tier pattern pages additionally carry invariants and emulation notes._

**Category:** UI Components & Design System · **Tier:** light · **Risk:** low — frontend only

Roughly 40 styled atomic components (Button, Input, Badge, Select, Table, etc.) that wrap Bits UI headless primitives with CVA variants and design tokens.

**When to use:** Use as the base building block for a new UI element instead of styling a Bits UI primitive directly.

## Docs

- [docs/blueprint/design/components.md](/docs/blueprint/design/components) ([GitHub](https://github.com/ApeDevil/v10r/blob/main/docs/blueprint/design/components.md) · [GitLab](https://gitlab.com/ApeDevil/v10r/-/blob/main/docs/blueprint/design/components.md))
- [docs/stack/ui/bits-ui.md](/docs/stack/bits-ui) ([GitHub](https://github.com/ApeDevil/v10r/blob/main/docs/stack/ui/bits-ui.md) · [GitLab](https://gitlab.com/ApeDevil/v10r/-/blob/main/docs/stack/ui/bits-ui.md))

## Code

- `src/lib/components/primitives/` ([GitHub](https://github.com/ApeDevil/v10r/tree/main/src/lib/components/primitives) · [GitLab](https://gitlab.com/ApeDevil/v10r/-/tree/main/src/lib/components/primitives))

## Proof

- [`/showcases/ui/components/primitives`](/showcases/ui/components/primitives)

---

_Machine-readable record: `ui-primitives` in `mcp/patterns.registry.json`._