Dev tools · alternatives · 2026

24 alternatives to CSS Animations

Quick and easy copy of many CSS Animations

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. CSS Animations launched in 2016; newer entries below may have overtaken it.

1. 1
   CSS Animation Cheat Sheet▲232

   Awesome CSS3 plugin for spiffy animations

   2014 · its alternatives →

2. 2CA
   CSS3 animation▲271

   An experiment with basic CSS3 animations.

   2012 · thegoodman.cc · its alternatives →

3. 3AV
   A visual guide to the most popular CSS properties▲1,117

   CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

   2016 · cssreference.io · its alternatives →

4. 4
   Transforms in CSS▲117

   Free eBook for learning to code animations

   2016 · its alternatives →

5. 5
   A to Z CSS▲163

   CSS screencasts for designers & developers

   2015 · its alternatives →

6. 6
   Animate.css▲191

   Just-add-water CSS animations

   2014 · its alternatives →

7. 7
   CSS Toolkit▲161

   Crazy interactive CSS animation builder (Mac)

   2014 · its alternatives →

8. 8
   AnimatiSS▲169

   A nice, colorful collection of CSS animations

   2022 · its alternatives →

9. 9
   CSS Wand▲329

   Easy copy-paste beautiful CSS animations

   2019 · its alternatives →

10. 10
    Tailwind Animations▲132

    Beautiful copy + paste Tailwind CSS animations in seconds

    2023 · tailwindanimations.co · its alternatives →

11. 11
    CSS Animate▲5

    Web Tool for easy and fast creating CSS3 keyframes animation

    2016 · its alternatives →

12. 12
    Gradienty - CSS Animation Generator▲21

    Export over 600+ CSS Animations to Code!

    2024 · its alternatives →

13. 13
    CSS Reference for iPhone, iPad▲157

    A visual guide to CSS with illustrated + animated examples

    2017 · its alternatives →

14. 14
    Move Things With CSS▲102

    An ebook for learning CSS animations and transitions

    2020 · its alternatives →

15. 15
    Blend▲263

    Generate simple and beautiful CSS3 gradients

    2015 · its alternatives →

16. 16
    CODECAST▲254

    HTML & CSS editor in your browser with real-time previews

    2015 · its alternatives →

17. 17
    CSS in Motion▲3

    A handpicked collection of CSS animation resources.

    2018 · its alternatives →

18. 18
    CSS Animation 101▲20

    A free ebook introducing CSS animation

    2018 · its alternatives →

19. 19
    CSS Animation 101▲8

    Learn CSS animation in a few minutes each day by email

    2015 · its alternatives →

20. 20
    Gradient Animator▲6

    Easily create pure CSS gradient animations

    2017 · its alternatives →

21. 21
    CSS Reference▲13

    A free visual guide to the most popular CSS properties.

    2016 · its alternatives →

22. 22CO
    Collection of CSS Creations▲165

    Collection of Awesome CSS and JS Creations to help out frontend developers and designers.

    2012 · cssdeck.com · its alternatives →

23. 23
    shots▲154

    Turn the evolution of a website into an animated gif

    2016 · its alternatives →

24. 24
    SpritePad▲68

    The easiest way to create your CSS sprites

    2014 · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →