css-ripple-effect

Ripple animation

A Pure CSS implementation of the Android Material design ripple animation effect

Pure CSS (no JavaScript) implementation of Android Material design "ripple" animation

GitHub

342 stars
8 watching
110 forks
Language: CSS
last commit: over 5 years ago
Linked from 2 awesome lists

no-javascriptpure-cssripple

Backlinks from these awesome lists:

Related projects:

Repository Description Stars
sirxemic/jquery.ripples Adds a water ripple effect to web pages using WebGL 1,062
micha-lmxt/descent-ripple A JavaScript animation component for creating ripple effects on button clicks 8
offirg75-zz/framer.rippletransition A Framer JS module for creating Material design-like ripple transitions. 4
imaaronjames/simple-android-ripple A module for adding touch ripple animations to UI elements in Framer Studio projects 28
siriscac/rippleview A view that simulates the ripple effect when clicked on Android devices 1,153
partyka1/vue-material-design-ripple A package that adds material design ripple effect to Vue projects without dependencies or performance issues. 31
m-ender/webgl-ripples Real-time simulation of 2D waves in WebGL using a physically realistic model. 27
codyhouse/animated-transition-effects A collection of pre-built CSS animation effects for creating smooth transitions in web applications. 81
andrewvasilchuk/v-ripple-directive A Vue.js directive for creating visually appealing ripple effects on button clicks or other interactive elements 4
roflyanochka/avaloniaripple A sample project demonstrating a ripple effect using the Avalonia UI framework. 51
pygmyslowloris/vue-ripple-directive A directive to create a material ripple effect on HTML elements in Vue.js applications 287
ripple-emulator/ripple A tool for developing and testing mobile applications on the web. 46
spemer/vue-rippler A Vue.js plugin that creates a customizable ripple effect. 45
mig82/ripplebutton A reusable button component with a Material Theme ripple effect 2
milkshakesoftware/premailer.net Library that moves CSS styles into HTML source code to improve compatibility with email clients. 658