# Contentbit, 18 React UI components, live previews & code, EneUI

All 18 Contentbit components in the catalog with live previews, full source and a one-line install. Most used: astro callout, astro comparison, astro content renderer. The registry does not declare an SPDX licence, check the upstream repository before shipping it in production.

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

**Components:** 18

- [astro-callout](https://ui.eneawork.it/comp/contentbit/astro-callout), contentbit
- [astro-comparison](https://ui.eneawork.it/comp/contentbit/astro-comparison), contentbit
- [astro-content-renderer](https://ui.eneawork.it/comp/contentbit/astro-content-renderer), contentbit
- [astro-faq](https://ui.eneawork.it/comp/contentbit/astro-faq), contentbit
- [astro-key-metrics](https://ui.eneawork.it/comp/contentbit/astro-key-metrics), contentbit
- [astro-pros-cons](https://ui.eneawork.it/comp/contentbit/astro-pros-cons), contentbit
- [astro-quick-ref](https://ui.eneawork.it/comp/contentbit/astro-quick-ref), contentbit
- [astro-steps](https://ui.eneawork.it/comp/contentbit/astro-steps), contentbit
- [astro-tabs](https://ui.eneawork.it/comp/contentbit/astro-tabs), contentbit
- [callout](https://ui.eneawork.it/comp/contentbit/callout), contentbit
- [comparison](https://ui.eneawork.it/comp/contentbit/comparison), contentbit
- [content-renderer](https://ui.eneawork.it/comp/contentbit/content-renderer), contentbit

## FAQ

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

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

### Is the Contentbit library free?

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

### What framework does Contentbit target?

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

"astro callout" is the most starred one, out of 18 available.

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

Contentbit mainly covers React.


## Install

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