.svg){kind=icon}
Browser-based, mobile-friendly, actually private tools that make CSS a little less bad.
A small JavaScript library to create and animate annotations on a web page
Rough Notation uses RoughJS to create a hand-drawn look and feel. Elements can be annotated in a number of different styles. Animation duration and delay can be configured, or just turned off.
On-Demand CSS Animations Library.
Animista is a place where you can play with a collection of pre-made CSS animations, tweak them and get only those you will actually use.
Pose Animator takes a 2D vector illustration and animates its containing curves in real-time based on the recognition result from PoseNet and FaceMesh. It borrows the idea of skeleton-based animation from computer graphics and applies it to vector characters.
Tell your story with illustrations
Easily create and customize stunning illustrations with collections made by artists across the globe. Try it, it’s kind of fun.
JavaScript 3D Library.
The aim of the project is to create an easy to use, lightweight, cross-browser, general purpose 3D library. The current builds only include a WebGL renderer but WebGPU (experimental), SVG and CSS3D renderers are also available as addons.
A gooey text hover effect using SVG filters
Responsive CSS motion paths!
A micro-library for scaling CSS motion path strings.
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.
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!