# Payload Components, 83 React UI components, live previews & code, EneUI

All 83 Payload Components components in the catalog with live previews, full source and a one-line install. Most used: author card, call to action boxed, call to action centered. The registry does not declare an SPDX licence, check the upstream repository before shipping it in production.

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

**Components:** 83

- [author-card](https://ui.eneawork.it/comp/payload-components/author-card), payload-components
- [call-to-action-boxed](https://ui.eneawork.it/comp/payload-components/call-to-action-boxed), payload-components
- [call-to-action-centered](https://ui.eneawork.it/comp/payload-components/call-to-action-centered), payload-components
- [call-to-action-signup](https://ui.eneawork.it/comp/payload-components/call-to-action-signup), payload-components
- [call-to-action-split](https://ui.eneawork.it/comp/payload-components/call-to-action-split), payload-components
- [collection-query](https://ui.eneawork.it/comp/payload-components/collection-query), payload-components
- [comparator-grid](https://ui.eneawork.it/comp/payload-components/comparator-grid), payload-components
- [comparator-stack](https://ui.eneawork.it/comp/payload-components/comparator-stack), payload-components
- [comparator-table](https://ui.eneawork.it/comp/payload-components/comparator-table), payload-components
- [contact-channels](https://ui.eneawork.it/comp/payload-components/contact-channels), payload-components
- [contact-form-basic](https://ui.eneawork.it/comp/payload-components/contact-form-basic), payload-components
- [contact-routing-form](https://ui.eneawork.it/comp/payload-components/contact-routing-form), payload-components

## FAQ

### How many components are in the Payload Components library?

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

### Is the Payload Components library free?

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

### What framework does Payload Components target?

Payload Components 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 Payload Components component?

"author card" is the most starred one, out of 83 available.

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

Payload Components mainly covers React.


## Install

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