Elegant, lightweight ripple effects for modern interfaces. Base Ripple delivers smooth, polished feedback with a tiny API, clean defaults, and flexible styling. Use the framework-agnostic core in vanilla JS or wrap it in your framework of choice.
Demo: https://base-ripple.vercel.app/
- Smooth and responsive, powered by CSS transforms and opacity
- Accessible by default with keyboard activation and aria-hidden spans
- Motion-aware, respects prefers-reduced-motion
- Customizable origin and size, plus attribute hooks for testing/telemetry
- Clean lifecycle with a single
attachanddispose - Dependency-free core with a tiny footprint
Install, usage, API, and styling details live in the package docs:
- Core package docs:
packages/core/README.md - React package docs:
packages/react/README.md
@base-ripple/core- core DOM API and default styles@base-ripple/react- React wrapper package
- Preact
- Vue
- Svelte
- Solid
- Angular
- Lit
- Qwik