I've always liked the Ripple Effect with sparkles that was introduced in Android 12. (Some people said it looked like a graphics bug, which is probably why it was toned down in later versions.)

When I saw Vuetify's beautifully crafted implementation of the Material 2 Ripple Effect, I thought it would be great if we could have something similar for Material 3 on the web as well. After a lot of trial and error, I’ve now created a React library that reproduces this effect.

I’ve also built a documentation site that mimics the look and feel of the Android settings screen.

I'd love to hear your thoughts — feedback, questions, suggestions, or anything else are all welcome!

(English is not my first language, so I rely on machine translation. Please forgive any awkward phrasing.)

Documentation: https://m3ripple.js.org/ GitHub Repository: https://github.com/yuyake-litrain/m3ripple NPM Package: https://www.npmjs.com/package/@m_three_ui/m3ripple