Description
This repository contains different animations implemented using tailwind css.
We keep building complex animations using tailwind css. Our goal is to build ready-to-use animation components.
Tailwind Animations alternatives and similar libraries
Based on the "Animations" category.
Alternatively, view tailwind-animations 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). -
Effeckt.css
A Performant Transitions and Animations Library -
barbajs
Create badass, fluid and smooth transitions between your website’s pages. -
jquery.transit
Super-smooth CSS3 transformations and transitions for jQuery -
Dynamic.js
Javascript library to create physics-based animations -
AutoAnimate
A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application. -
bounce.js
Create beautiful CSS3 powered animations in no time. -
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. -
smoothState.js
Unobtrusive page transitions with jQuery. -
Vizzu
Library for animated data visualizations and data stories. -
Odoo
Javascript and SVG odometer effect library with motion blur -
particles-bg
React particles animation background component -
motus
Animation library that mimics CSS keyframes when scrolling. -
shuffle-images
The Simplest Way to shuffle through images in a Creative Way -
AniX
🐿 Super easy and lightweight(<3kb) JavaScript animation library -
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 Tailwind Animations or a related project?
README
Tailwind Animations
This repository contains different animations implemented using tailwind css.
We keep building complex animations using tailwind css. Our goal is to build ready-to-use animation components.
🚀 Showcase
Rotate Square Progress Dots Jumping Heart Rotate Dot Pacman Three Bounce Arc Rotation Rotate Two Dots Square Fill Clock Rotate Circle Wave Twin Circle
Bugs and Feedback
For bugs, questions and discussions please use the Github Issues.
Credits
This repository owned and maintained by the Canopas team. You can follow them on Twitter at @canopassoftware for project updates and releases.