animation
MixItUp is a high-performance, dependency-free library for animated DOM manipulation, giving you the power to filter, sort, add and remove DOM elements with beautiful animations.
MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts and compatible with inline-flow, percentages, media queries, flexbox and more.
A rapid layers animation of images as a splash intro or page transition on a website.
The standard for modern web animation.
A robust javascript toolset that turns developers into animation superheroes. We obsess about performance, compatibility, and support so that you don't have to.
Detection of elements in viewport & smooth scrolling with parallax effects.
A collection of pure CSS3 lightweight animations that can be applied to links, sections, buttons and much more. Available in SCSS, CSS and LESS. Annimay @ GitHub
Make HTML elements spin in response to scrolling. Spinning slows down with friction. Works with vertical and horizontal scrolling on any element.
React hero animations. Motion Layout. Create beautiful immersive hero animations using shared components.
Library for animating image backgrounds in websites using WebGL.
It support the following:
- Configurable dynamic camera
- Animated transitions between backgrounds
- Post-processing effects & particles
JavaScript animation engine. Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects.
Related contents:
React Kawaii is a library of cute illustrations that are easily customisable. They are ideal to give some cuteness and personality to your ReactJS application. Just pick an illustration and set the mood and it's done!
clapper Scene.js is an JavaScript & CSS timeline-based animation library.
bring your components to life with simple spring animation primitives
Extremely customizable 3kb plugin for scroll based animation which animates 1000 elements without lags
Let's build a better web together. We give anyone the power to create, share, and use beautiful custom elements made with CSS and HTML.
A nice, colorful collection of CSS animations for your projects. Nice collection of CSS animations for your awesome web projects.
Animation. For everyone. Create hand-drawn GIFs on paper.
SVG animation from multiple SVGs or single GIF using tracer. svgasm is a proof-of-concept SVG assembler to generate a self-contained animated SVG file from multiple still SVG files with CSS keyframes animation to play frames in sequence. Steps listed in reverse order of execution:
A cross-browser library of CSS animations.
Animate.css is a library of ready-to-use, cross-browser animations for use in your web projects. Great for emphasis, home pages, sliders, and attention-guiding hints.
SpookyGhost is a powerful tool to create procedural animations for your sprites.
iFSMAnimation allows to create simple HTML5 animations in responsive design easily.
Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like.
bounce.js lets you create tasty CSS3 powered animations in no time. Give it a spin.
lightweight jQuery plugin for fade-as-you-scroll features
A jQuery plugin to apply animated visual effects to text - letters, words & custom patterns.
jQuery TextFX is your all in one plug-in for making your text feel good, look good, and animate good.
All Animation.css is a set of animations, fun to let your sexiest design. Are cross-browser animations that will give emphasis to your pages but as sliders,’s 3D effects ..
The simple jQuery Plugin for customizable overlay which covers a page, elements or iframe-windows that is specified.
Switch the background image with using effect.
I've always wondered if there's a better way of doing transitions and, rather than hard coding positions, delegate layout to the browser. Inspired by Keynote's Magic Move effect, I've made a little jQuery library to do transitions between DOM states.
Simple animations using some CSS3 I found on the web. Best used on glyphicons like FontAwesome.
Moves a DOM element along an SVG path (or do whatever along a path...)
Magic is a CSS3 framework with many animations. Is simple to use and many animations are cross-browser compatible.
Collie is a Javascript library that helps to create highly optimized animations and games using HTML 5. Collie runs on both PC and mobile using HTML 5 canvas and DOM.
Synfig Studio is a free and open-source 2D animation software, designed as powerful industrial-strength solution for creating film-quality animation using a vector and bitmap artwork. It eliminates the need to create animation frame-by frame, allowing you to produce 2D animation of a higher quality with fewer people and resources. Synfig Studio is available for Windows, Linux and MacOS X.
Tumult Hype’s keyframe-based animation system brings your content to life. Click “Record” and Tumult Hype watches your every move, automatically creating keyframes as needed. Or, if you’d prefer to be more hands-on, manually add, remove, and re-arrange keyframes to fine-tune your content.
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.