# Ripple Effect Generator

> Add beautiful, performant ripple animations to any React element with zero configuration. Ripple Effect Generator brings Material Design's signature touch feedback to your components with intelligent sizing that ensures perfect coverage from any click point. This component can create a customized ripple effect on anything

- Author: [Hossain Jahed](https://21st.dev/@easemize)
- License: unknown
- Live preview: https://21st.dev/@easemize/components/ripple-effect-generator

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/easemize/ripple-effect-generator?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

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