Rotator is a lightweight and customizable jQuery plugin for rotating text and some words of your text with awesome CSS3 animations.
Best jQuery Animation Plugins & Tutorials with Demo
Animate Images and Videos with curtains.js
curtains.js was created with just that issue in mind. It is a small vanilla WebGL javascript library that converts HTML elements containing images and videos into 3D WebGL textured planes, allowing you to animate them via shaders.
You can define each plane size and position via CSS, which makes it super easy to add WebGL responsive planes all over your pages.
Whs.js : Super-fast 3D framework for Web Applications & Games
whs.js is a framework for 3D web apps built with Three.js technology.It implements a core with component system and plugin support for fast development of 3D scene with physics.
Features:
- Simple in usage
- Speeds up 3D scene prototyping
- Component based scene graph
- Simple integration of any high performance physics even with
Worker
(Multithreading) - Automatization of rendering
- ES2015+ based
- Extension system (modules)
- Webpack friendly
- Integrated Three.js rendering engine
- Work with whs.js and Three.js at the same time
Canvallax.js : Easy Parallax Effects on Canvas
Canvallax is a small (5.8kb minified, 2.1kb gzipped) dependency-free Javascript library for managing elements on <canvas>
. Support is built-in for:
- Parallax Scrolling, with optional damping to smooth motions
- Pointer Tracking
- Distance/scaling
- Images on Canvas, from URLs or nodes (
<img />
,<canvas />
, etc) withCanvallax.Image
- Common shapes (
Canvallax.Circle
,Canvallax.Polygon
andCanvallax.Rectangle
) - Element stacking with zIndex
- Fixed position Elements
- Element cloning
Splitting : JavaScript microlibrary to Split an element by Words & Characters
Splitting is a JavaScript microlibrary to split an element by words, characters, children and more, populated with CSS variables!
Most Splitting methods utilize a series of <span>
s populated with CSS variables and data attributes unlocking transitions and animations that were previously not feasible with CSS.
Micron.JS : MicroInteraction library with CSS Animations & JavaScript
Micron.JS is a micro interaction library which can be used to add Interactions to different DOM Elements. Micron.JS animates an element using CSS power and the interactive behaviours are controlled by JavaScript.
Micron.JS is easy to adapt and can bring interactions to life using html5 data attributes or a chain of JavaScript methods.
Between.js : Lightweight JavaScript (ES6) Tweening library
Between.js is a lightweight JavaScript (ES6) tweening library.Make tweening usage convenient and powerful. There are certain things that we were following while developed this library, we wanted to make it:
- Lightweight – The library is only 8.3 Kb
- Performant – It uses optimization patterns to speed up & smooth animation.
- Modern – The library is written in
ES6