tailwind animations examples

Cool animations implemented with tailwindcss

120
7
Vue

Tailwind Animations Examples

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.

Note: This is NOT component library. You can copy and paste the code of animations directly from the given links.

🚀 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

Double Bouncy Circles

Bouncy Circles

Dotted Square

Forwarding Arrow

Rotating Two Squares

Line Wave

Triangle Swapping Dots

Bugs and Feedback

For bugs, questions, and discussions please use the Github Issues.

Credits

This repository is owned and maintained by the Canopas team. You can follow them on X at @canopas_eng for project updates and releases.

Licence

This repository is published under the GNU V3.