# Ui Layouts, 327 React UI components, live previews & code, EneUI

All 327 Ui Layouts components in the catalog with live previews, full source and a one-line install. Most used: 3d marquee, about agency, about architecture. The registry does not declare an SPDX licence, check the upstream repository before shipping it in production.

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

**Components:** 327

- [3d-marquee](https://ui.eneawork.it/comp/ui-layouts/3d-marquee), ui-layouts
- [about-agency](https://ui.eneawork.it/comp/ui-layouts/about-agency), ui-layouts
- [about-architecture](https://ui.eneawork.it/comp/ui-layouts/about-architecture), ui-layouts
- [about-bento](https://ui.eneawork.it/comp/ui-layouts/about-bento), ui-layouts
- [about-business](https://ui.eneawork.it/comp/ui-layouts/about-business), ui-layouts
- [about-creative](https://ui.eneawork.it/comp/ui-layouts/about-creative), ui-layouts
- [about-ecommerse](https://ui.eneawork.it/comp/ui-layouts/about-ecommerse), ui-layouts
- [about-experience](https://ui.eneawork.it/comp/ui-layouts/about-experience), ui-layouts
- [about-me](https://ui.eneawork.it/comp/ui-layouts/about-me), ui-layouts
- [about-mission](https://ui.eneawork.it/comp/ui-layouts/about-mission), ui-layouts
- [about-sass](https://ui.eneawork.it/comp/ui-layouts/about-sass), ui-layouts
- [about-vision](https://ui.eneawork.it/comp/ui-layouts/about-vision), ui-layouts

## FAQ

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

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

### Is the Ui Layouts library free?

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

### What framework does Ui Layouts target?

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

"3d marquee" is the most starred one, out of 327 available.

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

Ui Layouts mainly covers React.


## Install

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