# Ripple components

> Bring interactive flair to your UI with 10 ripple effect components for React and Tailwind CSS, perfect for buttons and interactive elements.

32 components available. Showing all of them below.

- [Material Design 3 Ripple](https://21st.dev/@easemize/components/material-design-3-ripple.md) — by Hossain Jahed
- [Ripple Distortion](https://21st.dev/@ruixen.ui/components/ripple-distortion.md) — by Ruixen UI
- [Load Ripple](https://21st.dev/@ruixen.ui/components/load-ripple.md) — by Ruixen UI
- [Ripple Canvas](https://21st.dev/@designali-in/components/ripple-canvas.md) — by Ali Imam
- [Ripple Effect creator](https://21st.dev/@easemize/components/ripple-effect-creator.md) — by Hossain Jahed
- [Ripple Effect Generator](https://21st.dev/@easemize/components/ripple-effect-generator.md) — by Hossain Jahed
- [Ripple](https://21st.dev/@loading-ui/components/ripple.md) — by Loading UI
- [Material UI Dropdown Menu](https://21st.dev/@easemize/components/material-ui-dropdown-menu.md) — by Hossain Jahed
- [Background Ripple Effect](https://21st.dev/@manuarora700/components/background-ripple-effect.md) — by Manu Arora
- [Prompt Input dynamic grow](https://21st.dev/@zochory/components/prompt-input-dynamic-grow.md) — by Zachary BENSALEM
- [Multi Type Ripple Buttons](https://21st.dev/@easemize/components/multi-type-ripple-buttons.md) — by Hossain Jahed
- [Ripple Pulse Loader](https://21st.dev/@ravikatiyar162/components/ripple-pulse-loader.md) — by Ravi Katiyar
- [Simplex](https://21st.dev/@designali-in/components/simplex.md) — by Ali Imam
- [Interactive Ripple Background](https://21st.dev/@erikvalencia1/components/interactive-ripple-background.md) — by Ruben
- [Ripple Button](https://21st.dev/@dillionverma/components/ripple-button.md) — by Dillion Verma
- [Material Design 3 Button](https://21st.dev/@easemize/components/material-design-3-button.md) — by Hossain Jahed
- [Reveal Text](https://21st.dev/@jatin-yadav05/components/reveal-text.md) — by Jatin Yadav
- [Kinetic Grid](https://21st.dev/@satoriui/components/kinetic-grid.md) — by SatoriUI
- [Ripple-Button](https://21st.dev/@n38693842/components/ripple-button.md) — by aayushhhh_here
- [Highlight Button](https://21st.dev/@radiumcoders/components/highlight-button.md) — by jay sharma
- [Gradient Shader Card](https://21st.dev/@daniel__designs/components/gradient-shader-card.md) — by Daniel
- [Material UI Autocomplete / Combobox / Multi-select](https://21st.dev/@easemize/components/material-ui-autocomplete-combobox-multi-select.md) — by Hossain Jahed
- [Ripple Circles](https://21st.dev/@ruixen.ui/components/ripple-circles.md) — by Ruixen UI
- [Ripple Grid](https://21st.dev/@designali-in/components/ripple-grid.md) — by Ali Imam
- [BeUI Button](https://21st.dev/@saurabh10102/components/be-ui-button.md) — by Saurabh Chauhan
- [Loading Circle](https://21st.dev/@ruixen.ui/components/loading-circle.md) — by Ruixen UI
- [Animated 404 Page](https://21st.dev/@jahirulislamrayhan07/components/animated-404-page.md) — by Jahirul Islam
- [Dot Matrix Loader](https://21st.dev/@elements-/components/loader-dot-matrix.md) — by Cameron Kelliher
- [Stack Ripple](https://21st.dev/@amanshakya307/components/stack-ripple.md) — by Aman Shakya
- [Ripple Spinner](https://21st.dev/@shadcnspace/components/spinner-09.md) — by ShadcnSpace
- [Dithering · Ripple](https://21st.dev/@paper-design/components/dithering-ripple.md) — by Paper Shaders
- [Abstract Ripple](https://21st.dev/@serafimcloud/components/abstract-ripple.md) — by Serafim

Full component directory: https://21st.dev/llms.txt