Skip to content
Tessera UI

Suggestions

D
Docs

Getting startedIntroduction

Introduction

A searchable component registry with structured metadata for humans and coding agents.

What you get

Every component ships as plain HTML and Tailwind classes, with a matching .tsx file you copy directly into your project. There is no runtime package to install and no dependency to keep in sync.

Structured metadata

Each component also carries structured metadata — when to use it, when to avoid it, accessibility notes, and related components — so an agent reading the registry can make the same decisions a designer would.

Built for agents and humans. The same registry.json that documents a component for a person also gives a coding agent enough context to use it correctly on the first try.

Quickstart

Most people are copying their first component in under a minute.

  1. 1

    Install the CLI

    Run it once with your package manager — nothing to configure first.

  2. 2

    Find a component

    Browse by category or search by name, then open the variant you want.

  3. 3

    Copy it in

    Add it with the CLI, or copy the HTML or TSX straight from the code panel.