Animatopy

Just-add-water CSS animations snippets

Snippets for animate.css library. Why download the whole library for a few animations when you can copy specific code snippets?

Discussion
Would you recommend this product?
7 Reviews5.0/5
Hey πŸ‘‹ I'm Sarthak. This year, I made a weird commitment to myself: releasing one small, cool, possibly free tool every month in 2019. πŸ“† So this is my first product of this year as well as my first product ever on Producthunt. 😺 The idea came to me a few days back while writing an article about how one should not use CSS frameworks for every little thing as it becomes a crutch for new developers. ☠️ I was writing about Bootstrap, but then I remembered that I also used to use animate.css. And I would have to include the whole library just to use 2-3 animations. 😣 It was slow and troublesome for me, so I figured it must be the case for many other people like me, and I made Animatopy that night itself. I hope you all like it. And oh, it's open source, so feel free to contribute as if it were your own project! πŸ˜ŠπŸ’― If you have any questions, I'll be around to answer them throughout the day.
Upvote (7)Share
I didn't know I needed this in my life until now! It's so useful and time-saving. Thanks for making this, Sarthak!
Upvote (6)Share
Thank you Sarthak for Animatopy. The only thing I don't like about animate.css is that if I want to use just one or two animations I would have to download the whole package. As there are already so many packages in an app usually, it would be a good option to just copy and paste from Animatopy instead of using a whole library for animation. πŸ˜ƒ
Upvote (4)Share
Hey, this is really neat. As a front-end developer who is constantly frustrated 😀 with CSS animation, this is really handy!
Upvote (3)Share

Nice alternative to animate.css

Pros:

- Only take what you need. - Super easy to use

Cons:

No cons as it now

Upvote (1)Share