# Fade React components, live previews & code, EneUI

Browse 64 Fade 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/fade
> Markdown: https://ui.eneawork.it/components/cat/fade.md

**Components:** 64


## Highlights

- [text-reveal](https://ui.eneawork.it/comp/21st-dillionverma--magic-ui/text-reveal), 21st-dillionverma--magic-ui
- [text-effect](https://ui.eneawork.it/comp/21st-ibelick--motion-primitives/text-effect), 21st-ibelick--motion-primitives
- [unique-testimonial](https://ui.eneawork.it/comp/21st-jatin-yadav05/unique-testimonial), 21st-jatin-yadav05
- [profile-card-testimonial-carousel](https://ui.eneawork.it/comp/21st-arunachalam/profile-card-testimonial-carousel), 21st-arunachalam
- [image-gallery](https://ui.eneawork.it/comp/21st-efferd--efferd/image-gallery), 21st-efferd--efferd
- [blur-fade](https://ui.eneawork.it/comp/21st-dillionverma--magic-ui/blur-fade), 21st-dillionverma--magic-ui
- [bg-pattern](https://ui.eneawork.it/comp/21st-efferd--efferd/bg-pattern), 21st-efferd--efferd
- [marquee-01](https://ui.eneawork.it/comp/21st-shadcnspace--shadcnspace/marquee-01), 21st-shadcnspace--shadcnspace
- [feature-section](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/feature-section), 21st-ruixen.ui--ruixen-ui
- [progressive-blur](https://ui.eneawork.it/comp/21st-reuno-ui--reuno-ui/progressive-blur), 21st-reuno-ui--reuno-ui
- [minimal-testimonial](https://ui.eneawork.it/comp/21st-jatin-yadav05/minimal-testimonial), 21st-jatin-yadav05
- [text-generate-effect](https://ui.eneawork.it/comp/21st-manuarora700--aceternity-ui/text-generate-effect), 21st-manuarora700--aceternity-ui

## FAQ

### How many React Fade components are there?

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

### How do I add a Fade 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)