Dev tools · alternatives · 2026

24 alternatives to CSS Animation Cheat Sheet

Awesome CSS3 plugin for spiffy 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 Animation Cheat Sheet launched in 2014; newer entries below may have overtaken it.

1. 1
   Transforms in CSS▲117

   Free eBook for learning to code animations

   2016 · get.oreilly.com · its alternatives →

2. 2
   CSS3 animation▲271

   An experiment with basic CSS3 animations.

   2012 · thegoodman.cc · its alternatives →

3. 3
   CSS Toolkit▲161

   Crazy interactive CSS animation builder (Mac)

   2014 · apps.apple.com · its alternatives →

4. 4
   CSS Wand▲330

   Easy copy-paste beautiful CSS animations

   2019 · csswand.dev · its alternatives →

5. 5
   CSS3 PS▲73

   Free Photoshop plugin that converts your layers to CSS3.

   2014 · css3ps.com · its alternatives →

6. 6
   Checkbox▲139

   Tiny set of CSS3 animations for your checkboxes ✅

   2016 · 720kb.github.io · its alternatives →

7. 7
   Animate.css▲191

   Just-add-water CSS animations

   2014 · daneden.github.io · its alternatives →

8. 8
   CSS Animations▲7

   Quick and easy copy of many CSS Animations

   2016 · cnicodeme.com · its alternatives →

9. 9
   AniCollection▲122

   The easiest way to find, use and share CSS3 animations.

   2015 · anicollection.github.io · its alternatives →

10. 10
    Tabiku▲134

    Discover and generate beautiful CSS3 gradients

    2016 · its alternatives →

11. 11
    Tailwind Animations▲132

    Beautiful copy + paste Tailwind CSS animations in seconds

    2023 · tailwindanimations.co · its alternatives →

12. 12
    CSS Animate▲5

    Web Tool for easy and fast creating CSS3 keyframes animation

    2016 · its alternatives →

13. 13
    cssanimation.io▲6

    CSS Animation Library for Developers and Ninjas

    2018 · its alternatives →

14. 14
    Move Things With CSS▲102

    An ebook for learning CSS animations and transitions

    2020 · jh3y.gumroad.com · its alternatives →

15. 15
    hack.css▲174

    The CSS framework for hackers

    2016 · hackcss.com · its alternatives →

16. 16BJ
    Bounce.js – A tool for generating CSS3 animations▲172

    2014 · bouncejs.com · its alternatives →

17. 17
    Bounce.js▲120

    Create tasty CSS3 powered animations in no time

    2014 · bouncejs.com · its alternatives →

18. 18
    Gradienty - CSS Animation Generator▲21

    Export over 600+ CSS Animations to Code!

    2024 · its alternatives →

19. 19
    Blend 2.0▲110

    Create and customize beautiful CSS3 gradients

    2016 · colinkeany.com · its alternatives →

20. 20IM
    I made a Web-based Todo App - used: CSS3 3D transforms, Node.js, love▲237

    The Todo App for Procrastinators ;)

    2011 · tomorrow.do · its alternatives →

21. 21
    AnimatiSS▲169

    A nice, colorful collection of CSS animations

    2022 · its alternatives →

22. 22
    CSS Stunts▲9

    A Weekly Blog of Animated CSS Hacks

    2016 · its alternatives →

23. 23
    I made CSS Scan 3.0, a fast way to check and copy CSS▲146

    Goodbye to "Inspect Element" — Visualize the CSS of any element you hover over, instantly, and copy its entire rules with a single click.

    2022 · getcssscan.com · its alternatives →

24. 24
    CSS Animation 101▲20

    A free ebook introducing CSS animation

    2018 · github.com · 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 →