AutoAnimate alternatives and similar libraries
Based on the "Animations" category.
Alternatively, view auto-animate alternatives based on common mentions on social networks and blogs.
-
animate.css
🍿 A cross-browser library of CSS animations. As easy to use as an easy thing. -
particles.js
A lightweight JavaScript library for creating particles -
GreenSock-JS
GreenSock's GSAP JavaScript animation library (including Draggable). -
-
barbajs
Create badass, fluid and smooth transitions between your website’s pages. -
jquery.transit
Super-smooth CSS3 transformations and transitions for jQuery -
-
tsParticles
tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components. -
-
-
-
shuffle-images
The Simplest Way to shuffle through images in a Creative Way -
Scrawl-canvas Library
Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element easier, and more fun -
Scroll Btween
ScrollBtween uses scroll position of document - or any DOM element - to tween CSS values on any DOM element. -
TransitionEnd
:dizzy: TransitionEnd is an agnostic and cross-browser library to work with transitionend event. -
-
js-loading-overlay
Display loading overlay/spinner for your application easily and beautifully. -
Scroll Frames
Animate sequences of still frames on any DOM element in relation with its position into the viewport. https://olivier3lanc.github.io/Scroll-Frames/
Appwrite - The Open Source Firebase alternative introduces iOS support
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of AutoAnimate or a related project?
|
AWS Cloud-aware infrastructure-from-code toolbox [NEW]
sponsored
klo.dev
|
Popular Comparisons
-
AutoAnimatevsanimate.css
-
AutoAnimatevsjquery.transit
-
AutoAnimatevsGreenSock-JS
-
AutoAnimatevsbounce.js
-
AutoAnimatevsTransitionEnd
|
Write Clean JavaScript Code. Always.
sponsored
www.sonarsource.com
|
README
Add motion to your apps with a single line of code.
AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with Vue, React, or any other JavaScript application.
With one line of code, you can improve your interfaces, for example:
Installation
Install using your package manager of choice.
# yarn
yarn add @formkit/auto-animate
# npm
npm install @formkit/auto-animate
# pnpm
pnpm add @formkit/auto-animate
Boom! Done. That was fast! 🐇
Usage
📖 View the documentation site for usage instructions.
Examples
📖 View the documentation site for examples.
Plugins
📖 View the documentation site for plugin instructions.
Support us
Is AutoAnimate saving you time?
Please consider supporting us with a recurring or one-time donation! 🙏
Contributing
Thank you for your willingness to contribute to this free and open source project! When contributing, consider first discussing your desired change with the core team via GitHub issues, Discord, or other method.