Popularity

1.3

Growing

Activity

3.8

Stars 111

Watchers 4

Forks 6

Last Commit 24 days ago

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.

Programming language: Vue

License: GNU General Public License v3.0 only

Tags: Animations JavaScript Css Css Animation Programming Web Development Tailwind

Tailwind Animations alternatives and similar libraries

Based on the "Animations" category.
Alternatively, view tailwind-animations-examples alternatives based on common mentions on social networks and blogs.

animate.css

9.9 3.8 Tailwind Animations VS animate.css

🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
anime.js

9.8 6.4 L3 Tailwind Animations VS anime.js

JavaScript animation engine

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App

With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

Promo surveyjs.io

particles.js

9.5 0.0 Tailwind Animations VS particles.js

A lightweight JavaScript library for creating particles
GreenSock-JS

8.9 4.7 L1 Tailwind Animations VS GreenSock-JS

GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
Mo.js

8.8 8.7 Tailwind Animations VS Mo.js

The motion graphics toolbelt for the web
velocity

8.8 0.0 L1 Tailwind Animations VS velocity

Accelerated JavaScript animation.
Effeckt.css

8.4 0.0 Tailwind Animations VS Effeckt.css

A Performant Transitions and Animations Library
barbajs

7.8 8.3 Tailwind Animations VS barbajs

Create badass, fluid and smooth transitions between your website’s pages
AutoAnimate

7.7 7.3 Tailwind Animations VS 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.
jquery.transit

7.2 0.0 L2 Tailwind Animations VS jquery.transit

Super-smooth CSS3 transformations and transitions for jQuery
Dynamic.js

7.0 0.0 Tailwind Animations VS Dynamic.js

Javascript library to create physics-based animations
tsParticles

6.9 9.6 Tailwind Animations VS 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.
bounce.js

6.7 0.0 Tailwind Animations VS bounce.js

Create beautiful CSS3 powered animations in no time.
move.js

6.3 0.0 L4 Tailwind Animations VS move.js

CSS3 backed JavaScript animation framework
smoothState.js

6.1 0.0 Tailwind Animations VS smoothState.js

Unobtrusive page transitions with jQuery.
textillate

6.0 0.0 L5 Tailwind Animations VS textillate

A jquery plugin for CSS3 text animations.
animatable

5.4 0.0 Tailwind Animations VS animatable

One property, two values, endless possiblities
Vizzu

4.1 9.9 Tailwind Animations VS Vizzu

Library for animated data visualizations and data stories.
typicaljs

3.8 0.0 Tailwind Animations VS typicaljs

Animated typing in ~400 bytes 🐡 of JavaScript
Odoo

3.1 0.0 L5 Tailwind Animations VS Odoo

Javascript and SVG odometer effect library with motion blur
particles-bg

2.9 0.0 Tailwind Animations VS particles-bg

React particles animation background component
motus

2.8 0.0 Tailwind Animations VS motus

Animation library that mimics CSS keyframes when scrolling.
Suave UI 0.3.1

2.3 0.0 Tailwind Animations VS Suave UI 0.3.1

UI Framework for AngularJS
Scrawl-canvas Library

2.2 8.8 Tailwind Animations VS 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
shuffle-images

2.1 0.0 L4 Tailwind Animations VS shuffle-images

The Simplest Way to shuffle through images in a Creative Way
AniX

2.0 0.0 Tailwind Animations VS AniX

🐿 Super easy and lightweight(<3kb) JavaScript animation library
Scroll Btween

1.6 2.4 Tailwind Animations VS Scroll Btween

ScrollBtween uses scroll position of document - or any DOM element - to tween CSS values on any DOM element.
TransitionEnd

1.3 2.8 L2 Tailwind Animations VS TransitionEnd

:dizzy: TransitionEnd is an agnostic and cross-browser library to work with transitionend event.
js-loading-overlay

0.9 0.0 Tailwind Animations VS js-loading-overlay

Display loading overlay/spinner for your application easily and beautifully.
the-cube

0.7 0.0 Tailwind Animations VS the-cube

The Cube is an experiment with CSS3 transitions.
Scroll Frames

0.5 3.2 Tailwind Animations VS 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/

* 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?

Add another 'Animations' Library

Popular Comparisons

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