# Generative React components, live previews & code, EneUI Browse 77 Generative 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/generative > Markdown: https://ui.eneawork.it/components/cat/generative.md **Components:** 77 ## Highlights - [spiral-animation](https://ui.eneawork.it/comp/21st-xubohuah/spiral-animation), 21st-xubohuah - [anomalous-matter-hero](https://ui.eneawork.it/comp/21st-dhileepkumargm--freedom/anomalous-matter-hero), 21st-dhileepkumargm--freedom - [entropy](https://ui.eneawork.it/comp/21st-xubohuah/entropy), 21st-xubohuah - [mountain-scene](https://ui.eneawork.it/comp/21st-dhileepkumargm--freedom/mountain-scene), 21st-dhileepkumargm--freedom - [spooky-smoke-animation](https://ui.eneawork.it/comp/21st-jahed/spooky-smoke-animation), 21st-jahed - [ai-gen](https://ui.eneawork.it/comp/21st-designali-in/ai-gen), 21st-designali-in - [generative-tree](https://ui.eneawork.it/comp/21st-mengto--threeui/generative-tree), 21st-mengto--threeui - [sonic-waveform](https://ui.eneawork.it/comp/21st-dhileepkumargm/sonic-waveform), 21st-dhileepkumargm - [realistic-fog-background](https://ui.eneawork.it/comp/21st-ashishrajwaniai01/realistic-fog-background), 21st-ashishrajwaniai01 - [phosphor-30](https://ui.eneawork.it/comp/21st-xordev/phosphor-30), 21st-xordev - [starship-shader](https://ui.eneawork.it/comp/21st-xordev/starship-shader), 21st-xordev - [quantum-nebula](https://ui.eneawork.it/comp/21st-dhileepkumargm--freedom/quantum-nebula), 21st-dhileepkumargm--freedom ## FAQ ### How many React Generative components are there? 77 Generative components in the catalog, each with a live preview, full source and a one-line install command. ### How do I add a Generative 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 "" 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)