# Utilcn, 17 React UI components, live previews & code, EneUI

All 17 Utilcn components in the catalog with live previews, full source and a one-line install. Most used: capitalize, capitalize all, chatgpt app. The registry does not declare an SPDX licence, check the upstream repository before shipping it in production.

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

**Components:** 17

- [capitalize](https://ui.eneawork.it/comp/utilcn/capitalize), utilcn
- [capitalize-all](https://ui.eneawork.it/comp/utilcn/capitalize-all), utilcn
- [chatgpt-app](https://ui.eneawork.it/comp/utilcn/chatgpt-app), utilcn
- [chatgpt-app-backend](https://ui.eneawork.it/comp/utilcn/chatgpt-app-backend), utilcn
- [download-file](https://ui.eneawork.it/comp/utilcn/download-file), utilcn
- [env-server](https://ui.eneawork.it/comp/utilcn/env-server), utilcn
- [generate-presigned-download-url](https://ui.eneawork.it/comp/utilcn/generate-presigned-download-url), utilcn
- [generate-presigned-upload-url](https://ui.eneawork.it/comp/utilcn/generate-presigned-upload-url), utilcn
- [repeat-pad](https://ui.eneawork.it/comp/utilcn/repeat-pad), utilcn
- [reverse-string](https://ui.eneawork.it/comp/utilcn/reverse-string), utilcn
- [to-camel-case](https://ui.eneawork.it/comp/utilcn/to-camel-case), utilcn
- [to-kebab-case](https://ui.eneawork.it/comp/utilcn/to-kebab-case), utilcn

## FAQ

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

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

### Is the Utilcn library free?

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

### What framework does Utilcn target?

Utilcn 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 Utilcn component?

"capitalize" is the most starred one, out of 17 available.

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

Utilcn mainly covers React.


## Install

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