The ripple-cursor react component adds a blue ripple component for mouse and touch events. By default it is bound to the entire window. This compoent works for desktop and mobile web. Try it out here.
Add a <Ripple />
to your JSX.
Optional parameter:
size
- Size of ripple in pixelscolor
- Color of the ripplescope
- Default:window
, element where the ripple should show. This is also useful if you want to show different ripple effects on different places on the web page.
Open a ticket or feel free to contribute if you know the fix.
- Tests
- Optimize CSS insertion
- Still to test in Android Native & IE browsers
- Optimizing for performance