https://github.com/canopas/tailwind-animations-examples

Cool animations implemented with tailwindcss
https://github.com/canopas/tailwind-animations-examples

animation-css animation-example animation-examples animations css tailwind tailwind-animations tailwind-animations-examples tailwind-elements tailwindcss tailwindcss-animate vuejs

Last synced: 5 days ago
JSON representation

Cool animations implemented with tailwindcss

• Host: GitHub
• URL: https://github.com/canopas/tailwind-animations-examples
• Owner: canopas
• License: gpl-3.0
• Created: 2022-10-06T11:55:34.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-12-30T05:19:27.000Z (about 1 month ago)
• Last Synced: 2025-01-30T05:07:40.039Z (12 days ago)
• Topics: animation-css, animation-example, animation-examples, animations, css, tailwind, tailwind-animations, tailwind-animations-examples, tailwind-elements, tailwindcss, tailwindcss-animate, vuejs
• Language: Vue
• Homepage:
• Size: 13.4 MB
• Stars: 122
• Watchers: 4
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        


# 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](https://play.tailwindcss.com/6MLUVcHDy0)

  

    

      

      


      

      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

    

  

# Contribution

The Canopas team enthusiastically welcomes contributions and project participation! There are a bunch of things you can do if you want to contribute! The [Contributor Guide](CONTRIBUTING.md) has all the information you need for everything from reporting bugs to contributing entire new features. Please don't hesitate to jump in if you'd like to, or even ask us questions if something isn't clear.

# Credits

This repository is owned and maintained by the [Canopas team](https://canopas.com/). You can follow them on X at [@canopassoftware](https://x.com/canopassoftware) for project updates and releases.



# Licence

This repository is published under the [GNU V3](https://github.com/canopas/tailwind-animations-examples/blob/master/LICENSE.md).