# Katok Ui, 12 React UI components, live previews & code, EneUI

All 12 Katok Ui components in the catalog with live previews, full source and a one-line install. Most used: alimtalk bubble, biz button, brand message bubble. The registry does not declare an SPDX licence, check the upstream repository before shipping it in production.

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

**Components:** 12

- [alimtalk-bubble](https://ui.eneawork.it/comp/katok-ui/alimtalk-bubble), katok-ui
- [biz-button](https://ui.eneawork.it/comp/katok-ui/biz-button), katok-ui
- [brand-message-bubble](https://ui.eneawork.it/comp/katok-ui/brand-message-bubble), katok-ui
- [chat-bubble](https://ui.eneawork.it/comp/katok-ui/chat-bubble), katok-ui
- [chat-header](https://ui.eneawork.it/comp/katok-ui/chat-header), katok-ui
- [chat-list-item](https://ui.eneawork.it/comp/katok-ui/chat-list-item), katok-ui
- [chat-room](https://ui.eneawork.it/comp/katok-ui/chat-room), katok-ui
- [date-separator](https://ui.eneawork.it/comp/katok-ui/date-separator), katok-ui
- [message-group](https://ui.eneawork.it/comp/katok-ui/message-group), katok-ui
- [message-input](https://ui.eneawork.it/comp/katok-ui/message-input), katok-ui
- [profile-avatar](https://ui.eneawork.it/comp/katok-ui/profile-avatar), katok-ui
- [system-message](https://ui.eneawork.it/comp/katok-ui/system-message), katok-ui

## FAQ

### How many components are in the Katok Ui library?

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

### Is the Katok Ui library free?

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

### What framework does Katok Ui target?

Katok Ui 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 Katok Ui component?

"alimtalk bubble" is the most starred one, out of 12 available.

### How do I add a Katok Ui 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 Katok Ui ship?

Katok Ui mainly covers React.


## Install

```bash
npx shadcn@latest add "https://ui.eneawork.it/api/registry/katok-ui/%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`.