# Ripple React components, live previews & code, EneUI Browse 31 Ripple 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/ripple > Markdown: https://ui.eneawork.it/components/cat/ripple.md **Components:** 31 ## Highlights - [kinetic-grid](https://ui.eneawork.it/comp/21st-satoriui--satoriui/kinetic-grid), 21st-satoriui--satoriui - [material-ui-dropdown-menu](https://ui.eneawork.it/comp/21st-jahed/material-ui-dropdown-menu), 21st-jahed - [motion-material-design-ripple](https://ui.eneawork.it/comp/21st-motiondotdev/motion-material-design-ripple), 21st-motiondotdev - [gradient-shader-card](https://ui.eneawork.it/comp/21st-daniel__designs/gradient-shader-card), 21st-daniel__designs - [material-design-3-ripple](https://ui.eneawork.it/comp/21st-jahed/material-design-3-ripple), 21st-jahed - [prompt-input-dynamic-grow](https://ui.eneawork.it/comp/21st-zochory--hax-design/prompt-input-dynamic-grow), 21st-zochory--hax-design - [reveal-text](https://ui.eneawork.it/comp/21st-jatin-yadav05/reveal-text), 21st-jatin-yadav05 - [elite-plan-card](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/elite-plan-card), 21st-ruixen.ui--ruixen-ui - [ripple-pulse-loader](https://ui.eneawork.it/comp/21st-ravikatiyar162/ripple-pulse-loader), 21st-ravikatiyar162 - [multi-type-ripple-buttons](https://ui.eneawork.it/comp/21st-jahed/multi-type-ripple-buttons), 21st-jahed - [simplex](https://ui.eneawork.it/comp/21st-designali-in/simplex), 21st-designali-in - [interactive-ripple-background](https://ui.eneawork.it/comp/21st-erikvalencia1/interactive-ripple-background), 21st-erikvalencia1 ## FAQ ### How many React Ripple components are there? 31 Ripple components in the catalog, each with a live preview, full source and a one-line install command. ### How do I add a Ripple 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)