# Brainless, 40 React UI components, live previews & code, EneUI

All 40 Brainless components in the catalog with live previews, full source and a one-line install. Most used: claude diff, claude header, claude message. The registry does not declare an SPDX licence, check the upstream repository before shipping it in production.

> Page: https://ui.eneawork.it/components/lib/brainless
> Markdown: https://ui.eneawork.it/components/lib/brainless.md

**Components:** 40

- [claude-diff](https://ui.eneawork.it/comp/brainless/claude-diff), brainless
- [claude-header](https://ui.eneawork.it/comp/brainless/claude-header), brainless
- [claude-message](https://ui.eneawork.it/comp/brainless/claude-message), brainless
- [claude-permission](https://ui.eneawork.it/comp/brainless/claude-permission), brainless
- [claude-prompt](https://ui.eneawork.it/comp/brainless/claude-prompt), brainless
- [claude-session](https://ui.eneawork.it/comp/brainless/claude-session), brainless
- [claude-slash-menu](https://ui.eneawork.it/comp/brainless/claude-slash-menu), brainless
- [claude-thinking](https://ui.eneawork.it/comp/brainless/claude-thinking), brainless
- [claude-todo-list](https://ui.eneawork.it/comp/brainless/claude-todo-list), brainless
- [claude-tool-call](https://ui.eneawork.it/comp/brainless/claude-tool-call), brainless
- [codex-diff](https://ui.eneawork.it/comp/brainless/codex-diff), brainless
- [codex-exec](https://ui.eneawork.it/comp/brainless/codex-exec), brainless

## FAQ

### How many components are in the Brainless library?

40 Brainless components are in the catalog, each with a live preview, full source and a one-line install command.

### Is the Brainless library free?

The registry does not declare an SPDX licence, check the upstream repository before shipping it in production.

### What framework does Brainless target?

Brainless targets React: the components are written for that renderer and drop into Next.js, Vite or CRA the same way.

### What is the most popular Brainless component?

"claude diff" is the most starred one, out of 40 available.

### How do I add a Brainless component to my project?

Open the component and hit Copy code (or Install): the source lands in your components folder, or run the npx shadcn add command shown on the page.

### What kind of interfaces does Brainless ship?

Brainless mainly covers React.


## Install

```bash
npx shadcn@latest add "https://ui.eneawork.it/api/registry/brainless/%3Ccomponent-name%3E.json?token=YOUR_TOKEN"
```

The registry endpoints are token-gated (create a free account in the app, then copy the registry token). The raw source is also readable at `/api/registry/<library>/<name>.json`.