The design system you copy and own.

entrepta is a dark-first React library. Near black surfaces, mono for UI, serif italic for titles. One command copies the components into your repo, and every ink is measured in seven themes.

browse components

terminal

bash

npx @entrepta/cli@latest init --theme=entrepta
npx @entrepta/cli@latest add button card metric

app/page.tsx

tsx

import { Amount } from "@/components/entrepta/amount"
import { Metric } from "@/components/entrepta/metric"

export default function Page() {
  return (
    <Metric
      label="spent this month"
      value={<Amount value={218450} currency="USD" />}
    />
  )
}

app/globals.css

css

:root {
  --fg-brand: #7c6bff;     /* your brand */
  --finish-glow: 1;        /* 0 is flat */
}

in use at annamaria.app ↗ · wristkit ↗

· live

Real components.
Not screenshots.

Every card below is a file you can copy. Pick a theme and they all change.

try a theme

entrepta

cash flow

6m12m

<chart>

incomespent

spending

spent this month

$2,184.50

Up +11.3%vs August

savings

saved this year

$9,589.90

Up +18.1%since January

assistant

<chat-thread>

You
Where did the money go in March?
Assistant
Mostly home. Rent and groceries are 71% of what you spent, and dining out is up 12%.

due dates

September 2026

S	M	T	W	T	F	S

sync

<alert>

Partial data

Two accounts have not synced today.

settings

Weekly summary

Price alerts

Share anonymous usage

new budget

<money-input>

name

monthly limit

Type digits, they fill from the right.

workouts

<contribution-grid>

62
components: 7
themes: 111
tokens: 14
AA pairs

· what you get

The short list.

Each point is in the docs, with the code.

Copy-paste source. The components land in your repo, and you edit them.
62 components, from buttons to data tables, charts and chat.
Dark first, with seven themes. Fixed, or all of them at runtime.
Every ink measured for WCAG AA, in every theme and both modes, by a test.
React 19, Tailwind v4 and Radix. No runtime SDK and no telemetry.
Plain CSS variables for tokens. One file to retheme a whole product.
Money, dates, filters and tables that handle the hard parts for you.
A CLI that resolves dependencies and never writes outside your project.
Markdown for every docs page, an llms.txt and an AGENTS.md for your agent.
Motion with a job, and a reduced-motion path for every animation.

· the catalog

What's inside.
62 components, 8 sections.

Every name below is a page with a live preview, the props and the command to add it.

browse all

Forms

Fields wired for screen readers, money, dates and every way to choose.

Primitives

The building blocks: buttons, cards, overlays, tabs and steps.

Data

Money in minor units, charts on Recharts, tables that scale past a thousand rows.

Layout

Navigation for every width, and a bento grid.

Feedback

Alerts, toasts, skeletons and the empty state.

Motion

Entrances and counters, with a reduced-motion path.

Chat

A thread and a prompt. Bring your own model.

Content

Code with a filename, a copy button and an honest failure.

CodeBlock

Themes

One brand per theme, in dark and light. Fixed, or all at runtime.

· a11y

Accessible by
default.

Built on Radix and native elements, so keyboard, focus and ARIA come for free. Every text color is measured against what it sits on, in every theme, and a test fails the build if one drops below AA.

keyboardevery interactive element reachable & operable
focusa visible brand ring on links, buttons, fields and menu items
screen readersRadix primitives + aria-label on icon-only controls
skip linkpress Tab on any page to jump to the main content
motionreduced motion stops CSS animations and every JS-driven one
live regionstheme & toast changes announced to screen readers
contrastevery ink measured against AA in all 14 theme and mode pairs, by a test
dark + lightevery theme ships in two modes; the user picks via data-mode

· security

Careful by
design.

entrepta ships as copy-paste source: no runtime SDK, no telemetry, no remote code. The CLI guards against path traversal via aliases, the docs site sets a strict CSP and the usual hardening headers, and dependencies stay few and justified.

copy-pastecomponents land in your repo as plain source, with no runtime to compromise
no runtime telemetrythe CLI calls only npm; copied components ship zero analytics or beacons
alias guardCLI refuses to write outside the project, even if entrepta.json is tampered
shell-safepackage-manager spawn uses shell:false so deps can't inject commands
csp + headersstrict Content-Security-Policy, HSTS, X-Frame-Options DENY, no Powered-By
no evalzero eval / new Function / unsafe innerHTML in components or docs
deps minimalfew runtime deps, each one justified, so they stay easy to audit

· for your coding agent

Readable by agents,
not only people.

Claude Code, Cursor and Codex read Markdown better than a web page. Every docs page has a Markdown version, and the site keeps an index an agent can start from.

AGENTS.mdfor your project

Build the file for your repo.

Pick the framework, theme and components. The file says how to install, where things live and which token goes where.

header · AGENTS.md

.mdevery page

Add .md to any docs URL.

The same page as Markdown. Each page also has a copy for agent button, and the migration guide copies whole.

/docs/components/button.mdtry it ↗

llms.txtthe index

Start an agent at llms.txt.

Every page, linked, in the llmstxt.org format. llms-full.txt is the whole site in one file, ready to paste.

/llms-full.txtread llms.txt ↗

· ready to ship

Start building.

Every token, every component, every state. Laid out in the docs. Press ⌘K to jump anywhere.