All Projects → mladenplavsic → Css Ripple Effect

mladenplavsic / Css Ripple Effect

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

Labels

Projects that are alternatives of or similar to Css Ripple Effect

RippleBackground
Ripple animation
Stars: ✭ 32 (-90.03%)
Mutual labels:  ripple
Android-Animated-Theme-Manager
create your custom themes and change them dynamically with ripple animation
Stars: ✭ 540 (+68.22%)
Mutual labels:  ripple
explorer
Open Source XRP Ledger Explorer
Stars: ✭ 18 (-94.39%)
Mutual labels:  ripple
wallet-address-validator
Useful library for validation of Bitcoin, Litecoin, Ethereum and other cryptocoin addresses
Stars: ✭ 240 (-25.23%)
Mutual labels:  ripple
TheWorldExchange
A purely client-side wallet and direct interface showcasing the full functionality of Ripple / blockchain.
Stars: ✭ 34 (-89.41%)
Mutual labels:  ripple
Ripple.js
Proper Material Design ripple effect for the web, that wouldn't interfere your elements' DOM.
Stars: ✭ 18 (-94.39%)
Mutual labels:  ripple
cashuwallet
Cashu is a cryptocurrency wallet for smartphones. Be your own bank. Accept payments or spend crypto directly from your phone.
Stars: ✭ 35 (-89.1%)
Mutual labels:  ripple
Hgrippleradarview
A beautiful radar view to show nearby items (users, restaurants, ...) with ripple animation, fully customizable
Stars: ✭ 309 (-3.74%)
Mutual labels:  ripple
artunis-mobile
XRP Wallet app for Android and iOS, built in React Native.
Stars: ✭ 23 (-92.83%)
Mutual labels:  ripple
crypto-database
Database for crypto data, supporting several exchanges. Can be used for TA, bots, backtest, realtime trading, etc.
Stars: ✭ 72 (-77.57%)
Mutual labels:  ripple
material-ripple
💧 Material Design Ripple effect with jQuery and CSS
Stars: ✭ 20 (-93.77%)
Mutual labels:  ripple
react-touch-ripple
Create ripple effect from Material Design with React
Stars: ✭ 27 (-91.59%)
Mutual labels:  ripple
RippleView
ripple view
Stars: ✭ 118 (-63.24%)
Mutual labels:  ripple
FFF Protocol Core
FFF as a new generation of the underlying chain technology, applying power block chain of innovation and fall to the ground, will help the industry standard. FFF consensus mechanism: the application of a new work-proof mechanism, network contribution proof mechanism, refers to the contribution ability of servers, PC and other devices to improve …
Stars: ✭ 5 (-98.44%)
Mutual labels:  ripple
Vue Ripple Directive
Material Ripple Effect as Vue Directive.
Stars: ✭ 266 (-17.13%)
Mutual labels:  ripple
touchMyRipple
A simple library for apply the ripple effect where you want
Stars: ✭ 19 (-94.08%)
Mutual labels:  ripple
LoadersPack-Android
Android LoadersPack - a replacement of default android material progressbar with different loaders
Stars: ✭ 119 (-62.93%)
Mutual labels:  ripple
Pulseview
Widget that generates pulsation relative to your icons. Tinder search like.
Stars: ✭ 315 (-1.87%)
Mutual labels:  ripple
Coinpricebar
💰 Cryptocurrency prices on MacBook Touch Bar
Stars: ✭ 290 (-9.66%)
Mutual labels:  ripple
crypto-quotes
100+ Best of Crypto Quotes - I HODL, you HODL, we HODL! - BREAKING: BITCOIN JUST BROKE $22 000!
Stars: ✭ 12 (-96.26%)
Mutual labels:  ripple

Pure CSS ripple effect (no JavaScript)

CSS-only implementation of Android Material design "ripple" animation on click event

Main advantage of this solution is that there is no DOM manipulation in order to create animation. That means this is faster - it doesn't use JavaScript or jQuery to animate.

This solution is also implemented in one of the biggest Bootstrap theming libraries Bootswatch in their Materia theme.

Demo

CSS ripple effect example

Installation

This library can be installed via npm

npm install css-ripple-effect

Or you can use yarn

yarn add css-ripple-effect --production

Or you can use bower

bower install css-ripple-effect

Or you can simply download it in your project, but that way you don't have the option to update if newer versions appear.

Supporters

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].