.svg){kind=icon}
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.
Collection of utility functions for use with Scroll-Driven Animations.
A micro-animations library.
Animated icons in Lottie Framework for immediate implementation to your apps or websites.
A collection of more than 500 loading animations
React Native Reanimated provides a more comprehensive, low level abstraction for the Animated library API to be built on top of and hence allow for much greater flexibility especially when it comes to gesture based interactions.
Lottie component for React Native (iOS, Android, and Windows)
Lottie is an ecosystem of libraries for parsing Adobe After Effects animations exported as JSON with bodymovin and rendering them natively!
The HTML5 Creation Engine. Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
This project aims to provide a fast, lightweight 2D library that works across all devices. The PixiJS renderer allows everyone to enjoy the power of hardware acceleration without prior knowledge of WebGL. Also, it's fast. Really fast.
Download Free lightweight animations for website & apps. Lightweight, scalable animations for your ads and social media.
LottieFiles takes away the complexity from Motion Design. It lets you Create, Edit, Test, Collaborate and Ship a Lottie in the easiest way possible.
Share terminal sessions via SVG and CSS
A collection of animated backgrounds
Open source pure CSS hover effect library for images.
🌠 Async loading, performant Image component for React.js.
A powerful, customisable, Suspense-like <img> component that (optionally) simulates a shimmer effect while loading. (with zero dependencies!).