.svg){kind=icon}
email
A carefully curated collection of high-quality React component libraries and design systems. Each library has been selected for its unique features, documentation quality, and community support.
SVG Drawing Animation Generator.
SVG Artista is a tool that helps you animate stroke and fill properties in your SVG images with plain Css code. It should work fine with path, line, polyline, rect, circle, ellipse and polygon elements. It cannot animate SVG gradients though, so please keep that in mind.
Related contents:
SVG animation tool.
SVG Circus enables you to create cool animated SVG spinners, loaders and other looped animations in seconds.
Related contents:
Animated UI Components For React.
An open source collection of animated, interactive & fully customizable React components for building stunning, memorable user interfaces.
Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects animations exported as JSON with Bodymovin and renders them natively on mobile and on the web!
Related contents:
Animation library for Tailwind CSS Library.
tailwindcss-motion is a Tailwind CSS Plugin made at RomboHQ. It’s a simple, yet powerful, animation library with a simple syntax.
A growing library of fancy, fun, animated react components & microinteractions to make the web fun again. Free & Open Source.
A community-maintained Python framework for creating mathematical animations.
Manim is an animation engine for explanatory math videos.
Smoothly transition elements.
Meet Blendy, a framework-agnostic tool that smoothly transitions one element into another with just a few lines of code.
CSS3 Animations with special effects.
magic @ GitHubA library that offers a suite of components to create engaging animations and transformations based on user interactions like mouse movements, scroll events, and even audio input.
@amineyarman/kinesis is a versatile library for adding dynamic, interactive, and physics-based animations to your web components. It includes features like transforming elements based on mouse movement, scroll events, and even audio frequency data.
an open-source (MIT License) collection of smooth animated icons for your projects. feel free to use them, share your feedback, and let's make this library awesome together.
CSS loading animations with minimal effort!
whirl is a curation of CSS loading animations(whirls! 
). It started as a drop in CSS file to get easy animations using :pseudo elements. It's now a collection of loading animations to use, take inspiration from, change and do what you want with 
Open source, production-ready animation and gesture library for React. A production-ready motion library for React.
Build beautiful animated components. A collection of open-source, customizable motion components built on top of Framer Motion.
Beautifully designed motions components. Easy copy-paste. Customizable. Open Source. Built for engineers and designers.
a software version control visualization tool.
Software projects are displayed by Gource as an animated tree with the root directory of the project at its centre. Directories appear as branches with files as leaves. Developers can be seen working on the tree at the times they contributed to the project.
AI Cartoon Animation Generator.
Bring your cartoons to life with ToonCrafter, the AI-powered animation tool. Simply upload your keyframes and let our advanced algorithms create smooth, stylized animations that match your artwork perfectly. Unleash your creativity and start animating today!
Let your page react to scroll changes.
The most basic usage of ScrollTrigger is to trigger classes based on the current scroll position. E.g. when an element enters the viewport, fade it in. You can add custom offsets per element, or set offsets on the viewport (e.g. always trigger after the element reaches 20% of the viewport)
Add a mouse-tracing glow effect to React components.
GSAP – A wildly robust JavaScript animation library built for professionals.