10 Javascript Liquid Animation Effect Libraries

Liquid animation in web design has been very popular recently. So in this post we`ve assembled a list of 10 Javascript Liquid animation Effect Libraries to help build stunning animations for your next project.

glfx.js

An image effects library for JavaScript using WebGL. Adjust photos in your browser in realtime with glfx.js, an image effects library powered by WebGL. It uses your graphics card for image effects that would be impossible to apply in real-time with JavaScript alone.

glfx.js

Blotter.js

A JavaScript API for drawing unconventional text effects on the web. Blotter provides a simple interface for building and manipulating text effects that utilize GLSL shaders without requiring that the designer write GLSL. Blotter has a growing library of configurable effects while also providing ways for student or experienced GLSL programmers to quickly bootstrap new ones.

Blotter.js

Paper.js

Paper.js is a vector graphics framework for JavaScript that allows the user to create shapes, art and animations. Utilizing vector geometry, shapes are easy to make and draw. Mathematical operations on vectors are also made easy; allowing users to subtract, add, multiply, and divide vectors with a single line of code.

Paper.js

LegitRipple.js

A lightweight, CSS based jQuery plugin for material-design ripple effects.

LegitRipple

jQuery Ripples

By the powers of WebGL, add a layer of water to your HTML elements which will ripple by cursor interaction!

jQuery Ripples

Rippler

Effect that spreads like a wave in touch or click. You can also use the buttons on the bootstrap.

Rippler

Simplex-noise

Simplex-noise.js is a fast simplex noise implementation in Javascript. It works in the browser and on nodejs.

Simplex-noise

MOjs

This is a javascript motion graphics library that is a fast, retina ready, modular and open source. In comparison to other libraries, it have a different syntax and code animation structure approach. The declarative API provides you a complete control over the animation, making it customizable with ease.

MOjs

Granim.js

Create fluid and interactive gradient animations with this small javascript library.

Granim.js

Rippleria

A lightweight yet customizable jQuery plugin for implementing Material Design inspired ripple click / tap effects using CSS3 animations.

Rippleria

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.