animation
SVG animation tool.
SVG Circus enables you to create cool animated SVG spinners, loaders and other looped animations in seconds.
Related contents:
jQuery TextFX is your all in one plug-in for making your text feel good, look good, and animate good.
A jQuery plugin to apply animated visual effects to text - letters, words & custom patterns.
SpookyGhost is a powerful tool to create procedural animations for your sprites.
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
🟩⬜ Generates a snake game from a github user contributions graph and output a screen capture as animated svg or gif.
Pull a github user's contribution graph. Make it a snake Game, generate a snake path where the cells get eaten in an orderly fashion.
Related contents:
Smoothly transition elements.
Meet Blendy, a framework-agnostic tool that smoothly transitions one element into another with just a few lines of code.
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.
iFSMAnimation allows to create simple HTML5 animations in responsive design easily.
A nice, colorful collection of CSS animations for your projects. Nice collection of CSS animations for your awesome web projects.
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.
Related contents:
Animation. For everyone. Create hand-drawn GIFs on paper.
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 ..
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!
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.
Open source, production-ready animation and gesture library for React. A production-ready motion library for React.
A 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.
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:
Simple animations using some CSS3 I found on the web. Best used on glyphicons like FontAwesome.
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!
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.
Add a mouse-tracing glow effect to React components.
The simple jQuery Plugin for customizable overlay which covers a page, elements or iframe-windows that is specified.
Your new desktop awaits. 🚀 Web-based Dynamic Desktop Engine. The open-source HTML dynamic desktop engine for Windows 10 & 11.
Create and share web-based interactive, animated wallpapers on Windows 🚀 Available on the Microsoft Store
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 gooey text hover effect using SVG filters
A flock of birds in your terminal: Craig Reynolds' boids, in braille in any terminal and as sprites in Kitty and Ghostty. One C99 program, no dependencies. Linux and macOS
bring your components to life with simple spring animation primitives
Animated UI Components For React.
An open source collection of animated, interactive & fully customizable React components for building stunning, memorable user interfaces.
UI transitions for AI agents.
Collection of the most essential UI transitions for web apps. Copy and paste them, or use them with your coding agent via the skill.
lightweight jQuery plugin for fade-as-you-scroll features
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!
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:
Different Dynamic Typing SVG Generator—multi-line & blank-space formatting, multiple cursor styles, customizable delete speed, and more.
Related contents:
A growing library of fancy, fun, animated react components & microinteractions to make the web fun again. Free & Open Source.
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.
A growing library of fancy, fun, animated react components & microinteractions to make the web fun again. Free & Open Source.
Responsive CSS motion paths!
A micro-library for scaling CSS motion path strings.
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.
A rapid layers animation of images as a splash intro or page transition on a website.
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 micro-animations library.
Animated icons in Lottie Framework for immediate implementation to your apps or websites.
Beautiful spoiler effects
Framework-agnostic web component with Telegram-inspired particle animations. Drop it into React, Vue, Svelte, or vanilla JavaScript in seconds.
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 👍
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.
bounce.js lets you create tasty CSS3 powered animations in no time. Give it a spin.
Collection of animation snippets made for TailwindCSS.
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.
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.
A cinematic Git commit replay tool for the terminal, turning your Git history into a living, animated story.
Community-Powered Animation Magic. Get your animations easily done with only Tailwind CSS classes.
ThreeJS + wgpu-matrix + TypeGPU for WebGPU on Reanimated Worklets.
WebGPU Worklets allow you to run react-native-wgpu, Three.js, wgpu-matrix, and TypeGPU libraries on Reanimated Worklets on the UI Thread. With that integration, you can run smooth 3D animations backed by WebGPU using the Reanimated API and enjoy seamless integration with the Gesture Handler.