.svg){kind=icon}
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.
An ASCII/Node based fluid simulation library.
Library for animating image backgrounds in websites using WebGL.
It support the following:
- Configurable dynamic camera
- Animated transitions between backgrounds
-
Post-processing effects & particles
A React modal with animations.
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.
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.
CSS Gradient Animator
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.
A small library for creating typing animations.
The web-based motion graphics editor for everyone.
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: