Home > Animation (page 3)

Animation

Text Typing / Deleting Animations In Native JavaScript – Native Typed

Text Typing / Deleting Animations In Native JavaScript – Native Typed

A tiny dependency free JavaScript library javascript library for typing animation. 1.77 kB gzipped of minified version Dependency-free new NTyped(document.querySelector('#caption'), { strings: ['vue', 'react', 'angular'], typeSpeed: 30, deleteSpeed: 15, loop: true }); Getting Started Step 1: Install Download the latest release or install with npm. npm install native-typed --save Step …

Read More »

Auroral.css – Animated Gradient Background In Pure CSS

Auroral.css – Animated Gradient Background In Pure CSS

The Auroral.css library allows to create smooth animated gradient background using CSS3 transitions, transforms and animations. How to use Include a container for a background inside a wanted element. It needs to have one of the auroral classes. <section class="your-container"> <div class="auroral-northern"></div> </section> In the head of your html file, add …

Read More »

Aquarelle – Watercolor Effects with JavaScript And Three.js

Aquarelle - Watercolor Effects with JavaScript And Three.js

Aquarelle is a watercolor js effect and JavaScript library which uses Html5 canvas to draw watercolor animation effects, with fully configurable library on the webpage. About This project is maintained by Ramotion, Inc. We specialize in the designing and coding of custom UI for Mobile Apps and Websites. Browser support Chrome …

Read More »

Simple Interactive Map Points Effect with SVG

Simple Interactive Map Points Effect with SVG

An interactive transparency background effect that makes images visible when specific points are hovered, showing some content once clicked. Today we’d like to share a simple hover/click effect for images with you. The main idea is to show a map or a base image with some points of interest (POS) …

Read More »

AOS – Animate Elements On Scroll

AOS - Animate Elements On Scroll

Aos is a javascript library which uses CSS3 animations to animate elements on page scrolling. AOS allows you to animate elements as you scroll down, and up. If you scroll back to top, element will animate to it’s previous state and is ready to animate again if you scroll down. How …

Read More »

Barba.js – Fluid and Smooth Transition Between Websites Pages

Barba.js – Fluid and Smooth Transition Between Websites Pages

barba.js is a small, flexible and dependency free library that helps you creating fluid and smooth transitions between your website’s pages. It helps reducing the delay between your pages, minimizing browser HTTP requests and enhancing your user’s web experience. How it works Barba.js uses PJAX (aka push state ajax) to enhance …

Read More »

Bringins – jQuery Plugin to Show Animated Page

Bringins – jQuery Plugin to Show Animated Page

jQuery plugin to show contents on a webpage as an animated page. Bringins allows you to select 3 animation types on the left, right or center of the webpage. USAGE Step 1 : Include js <script type="text/javascript" src="js/jquery-1.12.0.min.js"></script> <script type="text/javascript" src="js/bringins.js"></script> Step 2 : create your content to be shown as …

Read More »

TypeWriting.js – JavaScript Library for Typewriter Effect

TypeWriting.js - JavaScript Library for Typewriter Effect

Typewriting js is a pure java script library that make the typewriter effect. Installation Just clone or download the zip of this repository or via npm: # npm install --save typewriting $ yarn add typewriting Setup <!-- just typewriting.js or .min.js --> <script src='path/to/typewriting.min.js'></script> or // import in your .js …

Read More »

SamsaraJS – Smooth Layout Animation library

SamsaraJS is a functional reactive library for animating layout. It provides a language for positioning, orienting and sizing DOM elements and animating these properties over time. Everything in SamsaraJS — from the user input to the rendering pipeline — is a stream. Building a user interface becomes the art of …

Read More »