Animista is a place where you can play with a collection of pre-made CSS animations, tweak them and get only those you will actually use. Animista started out as a small side-project of mine. As I was increasingly using CSS animations, I thought it would come in handy to have them organised in a meaningful and accessible way so that they can be easily reused on different projects. The idea was to create a playground of a sorts where a collection of pre-made animations could be tested and tweaked before actually using them. Seeing how various options like easing, delay, duration and others affect the animation proved to be very useful. And basically that is how Animista was born. I have been using Animista for a while now and I hope some of you will find it useful as well. It is still very much a work in progress and hopefully it will evolve over the time :)

Wow, this is awesome, well designed and great UX, and the best part is that its CSS3 based. 👏 Congrats @ana108

This is awesome and should be a paid product imo.

This collection is truly amazing. Love the Page design.

wow this is really cool! Great UI. What did you use to build the site?

Came across this a few days ago. Usually I hate HTML/CSS generators, but this one is actually really useful. No bloat and good to use as a look-up as well ("how did that effect works again?"). 👌

My first 3 seconds in the platform were.... WOW!

@giopecchio @jonathanmarvens @ariaitch @matsilva @james_osullivan @askar @chthomos @clement_chazarra @janklimo @pawelhalicki @roberttanislav - Thanks so much for supporting​ Animista and for all your kind words. Really means a lot 🙏

I love this.

This is a great tool, looks good and so easy to use! One small issue - I'm not able to copy the code in FF. It says copied to clipboard, but isn't. I can't seem to select all / copy either. Also I think it would be useful to include the keyframes in the css. I wondering why mine didn't work like yours until I realised what I was missing.

Absolutely Brilliant! HUGE Thanks for doing this! 👍💯

👌 Great work! Added to: https://www.producthunt.com/@fra...

Beautifully designed & an incredibly useful collection! Amazing work @ana108 👏

Amazing!

Love it! Thank you

Really smooth animations, even for the branding! This will help me play with all the transforms I've never used and improve my toolkit. Thanks!

This is game changing. Good Job!

Amazing work, @ana108. Thank you for creating this.

@ana108 wow the UI is fantastic!

YAAASSS!!