# Decorative React components, live previews & code, EneUI

Browse 17 Decorative React and shadcn components: live preview, full source and a one-line install command for each. Copy into your project or hand it to your AI agent.

> Page: https://ui.eneawork.it/components/cat/decorative
> Markdown: https://ui.eneawork.it/components/cat/decorative.md

**Components:** 17


## Highlights

- [svg-follow-scroll](https://ui.eneawork.it/comp/21st-reuno-ui--reuno-ui/svg-follow-scroll), 21st-reuno-ui--reuno-ui
- [infinite-ribbon](https://ui.eneawork.it/comp/21st-edwinvakayil--iconiq/infinite-ribbon), 21st-edwinvakayil--iconiq
- [icon-bar](https://ui.eneawork.it/comp/21st-edwinvakayil--iconiq/icon-bar), 21st-edwinvakayil--iconiq
- [background-shapes](https://ui.eneawork.it/comp/21st-uicapsule--ui-capsule/background-shapes), 21st-uicapsule--ui-capsule
- [deer-logo](https://ui.eneawork.it/comp/21st-kedhareswer--astro-association/deer-logo), 21st-kedhareswer--astro-association
- [eye-tracking](https://ui.eneawork.it/comp/21st-componentry--componentry/eye-tracking), 21st-componentry--componentry
- [aurora](https://ui.eneawork.it/comp/21st-kevingirelli--delego/aurora), 21st-kevingirelli--delego
- [honey-ember-background](https://ui.eneawork.it/comp/21st-bidyut10--delego/honey-ember-background), 21st-bidyut10--delego
- [hairline-slow](https://ui.eneawork.it/comp/21st-lucasmarkes--hairline/hairline-slow), 21st-lucasmarkes--hairline
- [radial-lines](https://ui.eneawork.it/comp/21st-designali-in/radial-lines), 21st-designali-in
- [animated-border](https://ui.eneawork.it/comp/21st-kevingirelli--delego/animated-border), 21st-kevingirelli--delego
- [refer-and-win-banner](https://ui.eneawork.it/comp/21st-dhileepkumargm--freedom/refer-and-win-banner), 21st-dhileepkumargm--freedom

## FAQ

### How many React Decorative components are there?

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

### How do I add a Decorative component to my project?

Open a component and hit Copy code (or Install) to drop the source into your components folder, or run npx shadcn add "<url>" with the command shown on the page.

### Are they free?

Yes, browsing is always free and copying runs on a free daily quota; Premium removes the limit.

### Do they work with Next.js and Tailwind?

Yes, React components styled with Tailwind and shadcn/ui, compatible with Next.js, Vite and CRA.

## Related

- [All categories](/components)
- [Libraries](/libraries)