A simple waves effect library

Overview

jquery-waves

A simple & lightweight waves effect plugin


Requires.io npm GitHub npm GitHub followers GitHub Repo stars


isaeken/jquery-waves

Installation

You can install jquery-waves plugin using npm or include directly files

install using npm

npm install animejs
npm install jquery-waves

or include files

<head>
...
<link rel="stylesheet" href="/your/servers/assets/path/css/jquery-waves.min.css">
<script src="/your/servers/assets/path/js/jquery.min.js"></script>
<script src="/your/servers/assets/path/js/anime.min.js"></script>
<script src="/your/servers/assets/path/js/jquery-waves.min.js"></script>
...
</head>

Simple Usage

Creating wave effect with classes

<button class="waves-effect">Click me</button>

or programmatically

$('#element').rippleAnimation();

Help and docs

Please report bugs from issues tab

You might also like...

Smooth scrolling effect (while using mouse wheel). No jQuery or other unnecessary stuff needed.

scrooth Smooth scrolling effect (while using mouse wheel). No jQuery or other unnecessary stuff needed. Why? I needed that, and I was unable to find p

Aug 29, 2022

Snowfall effect written in pure JavaScript. No additional libraries, no dependencies. Works in every modern browser.

pureSnow.js Snow falling slowly on a winter night. Probably the most calming and peaceful snowfall effect written in pure JS/CSS. (No SCSS). Inspired

Dec 29, 2022

Enable Acrylic/Glass effect for your VS Code.

Enable Acrylic/Glass effect for your VS Code.

Visual Studio Code Extension - Vibrancy Continued The original extension has been deprecated, this version will continue to be supported and receive c

Dec 29, 2022

Little Alpine.js plugin to add a typewriter effect to any HTML element.

Little Alpine.js plugin to add a typewriter effect to any HTML element.

⌨️ Alpine Typewriter ⌨️ An Alpine.js plugin to add a typewriter effect to any HTML element. 🚀 Installation CDN Include the following script tag in

Dec 28, 2022

Fully controllable vanilla-js material design ripple effect generator.

Fully controllable vanilla-js material design ripple effect generator. This can be used with any JavaScript framework and/or any CSS framework. Demo I

Dec 16, 2022

jQuery plugin for adding some effect to text

jQuery plugin for adding some effect to text

jquery.textroll.js DEMO and examples jQuery plugin for adding some effect to text : DEMO Usage Simple $(".someClass").textroll(); With Options

Jan 15, 2022

A JavaScript plugin for creating a tickerboard effect. Plugin for React or vanilla JS.

ticker-board A JavaScript plugin for creating a tickerboard effect. See the Ticker Board page for more info. Importing it There are basically two ways

Aug 11, 2022

a temporary solution to revert to the old ui. the new ui was put into effect since april

a temporary solution to revert to the old ui. the new ui was put into effect since april

Revert-YouTube-UI a temporary solution to revert to the old ui. the new ui was put into effect since april and is slowly rolling out to users. Feature

May 10, 2023

Simple Library implemented using HTML, CSS and JavaScript. This is a simple implementation of JavaScript Modules of ES6.

Awesome-books A single page project with the porpuse of storing books' titles and authors. Built With CSS, HTML & Javascript. How to run in your local

Feb 21, 2022
Releases(1.3.8)
Owner
İsa Eken
Creative developer passionate about PHP.
İsa Eken
A web app to easily simulate 2D waves in your browser.

Wave Simulator Wave Simulator is a web app that allows to simulate 2D waves in your browser. Simply choose a background image, a color gradient and tw

null 14 Dec 11, 2022
An open-source Typing-effect Library, That enables potential users to add a typing effect to mere DOM Elements.

Typing Effect Library An open-source Typing-effect Library I created. That enables potential users to add a typing effect to mere DOM Elements. Tool P

Okoye Charles 14 Oct 3, 2022
Flexible, powerful and modern library for creating the running horizontal blocks effect, also known as ticker or the «marquee effect».

Cuberto Reeller Flexible, powerful and modern library for creating the running horizontal blocks effect, also known as ticker or the «marquee effect».

Cuberto 41 Jan 4, 2023
Simple fixed background parallax effect in vanilla js.

Simple Parallax Simple fixed background parallax effect in vanilla js. See demo on Codepen. JS Initialise the plugin. The first argument identifies th

null 6 Jun 27, 2022
A simple and useful jquery plugin that allows you to create a Text Area Character Count Effect with limited warning.

jquery-character-counter A simple and useful jquery plugin that allows you to create a Text Area Character Count Effect with limited warning. #Demo Us

Abdoulie Kassama 0 Dec 28, 2020
ezoom.js is a jQuery plugin for simple Image with zoom effect.

ezoom.js ezoom.js is a jQuery plugin for simple Image with zoom effect. This plugin in under development to support Next/Prev a gallery Images/SVG lat

Nam Le 3 Sep 3, 2022
Sticker.js - A Javascript library that allows you to create a Sticker Effect.

Sticker.js A Javascript library that allows you to create a Sticker Effect. No dependencies Works in most of major browsers that support CSS 3 (IE10+)

Jongmin Kim 719 Nov 22, 2022
A JavaScript library to shuffle the text content of a DOM element with an animated effect.

shuffle-letters.js A JavaScript library to shuffle the text content of a DOM element with an animated effect. NOTE: This library is a port to vanilla

George Raptis 6 Jun 2, 2022
Small js library to animate some writing effect through a list of strings. It also supports settings for typo errors, to make it more human likely.

Write and Delete Small js library to animate some writing effect through a list of strings. It also supports settings for typo errors, to make it more

fabs 2 Nov 15, 2022
TypeWriter - Create easily a TypeWriter effect for your website

TypeWriter Create easily a TypeWriter effect for your website Written by Luuk Walstra Discord: Luuk#8524 Github: https://github.com/Luuk-Dev Replit: h

Luuk 2 Aug 16, 2022