# Css React components, live previews & code, EneUI

Browse 43 Css 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/css
> Markdown: https://ui.eneawork.it/components/cat/css.md

**Components:** 43


## Highlights

- [gradient-button](https://ui.eneawork.it/comp/21st-serafimcloud/gradient-button), 21st-serafimcloud
- [flip-links](https://ui.eneawork.it/comp/21st-vaib215/flip-links), 21st-vaib215
- [shiny-button](https://ui.eneawork.it/comp/21st-hyperiux--hyperiux-vault/shiny-button), 21st-hyperiux--hyperiux-vault
- [bg-pattern](https://ui.eneawork.it/comp/21st-efferd--efferd/bg-pattern), 21st-efferd--efferd
- [graaadeints](https://ui.eneawork.it/comp/21st-designali-in/graaadeints), 21st-designali-in
- [metallic-button](https://ui.eneawork.it/comp/21st-hyperiux--hyperiux-vault/metallic-button), 21st-hyperiux--hyperiux-vault
- [css-image-stacking](https://ui.eneawork.it/comp/21st-uilayout.contact--ui-layouts/css-image-stacking), 21st-uilayout.contact--ui-layouts
- [animated-3d-mac-book-air](https://ui.eneawork.it/comp/21st-jahed/animated-3d-mac-book-air), 21st-jahed
- [siri-orb](https://ui.eneawork.it/comp/21st-educalvolpz--smoothui/siri-orb), 21st-educalvolpz--smoothui
- [animated-spinner](https://ui.eneawork.it/comp/21st-designali-in/animated-spinner), 21st-designali-in
- [oceanic-shimmer](https://ui.eneawork.it/comp/21st-serafimcloud/oceanic-shimmer), 21st-serafimcloud
- [almoayyed](https://ui.eneawork.it/comp/21st-gordongedacheril1/almoayyed), 21st-gordongedacheril1

## FAQ

### How many React Css components are there?

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

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