Dev tools · alternatives · 2026

24 alternatives to CSS Animation 101

A free ebook introducing CSS animation

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 101 launched in 2018; newer entries below may have overtaken it.

1. 1
   Transforms in CSS▲117

   Free eBook for learning to code animations

   2016 · its alternatives →

2. 2
   Move Things With CSS▲102

   An ebook for learning CSS animations and transitions

   2020 · 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. 4CA
   CSS3 animation▲271

   An experiment with basic CSS3 animations.

   2012 · thegoodman.cc · its alternatives →

5. 5
   CSS Animation Cheat Sheet▲232

   Awesome CSS3 plugin for spiffy animations

   2014 · its alternatives →

6. 6
   Animate.css▲191

   Just-add-water CSS animations

   2014 · its alternatives →

7. 73B
   3D Book Image CSS Generator▲638

   Generate an animated 3D image from a book cover and export to HTML/CSS to embed on your website.

   2020 · 3d-book-css.netlify.app · its alternatives →

8. 8
   CSS Wand▲329

   Easy copy-paste beautiful CSS animations

   2019 · its alternatives →

9. 9
   Web Gradients▲906

   Curated collection of 180 free fresh background gradients 🚀

   2017 · webgradients.com · its alternatives →

10. 10
    ANIMATE IT▲205

    Create GIFs and video animations easily in your browser

    2019 · its alternatives →

11. 11
    Animista▲532

    Create beautiful CSS animations in your browser

    2017 · its alternatives →

12. 12IW
    I wrote a book about Debugging CSS▲137

    An ebook with lots of tips and techniques on how to debug CSS the right way with easy and studied methods.

    2020 · debuggingcss.com · its alternatives →

13. 13
    Gradienty - CSS Animation Generator▲21

    Export over 600+ CSS Animations to Code!

    2024 · its alternatives →

14. 14
    CSS Reference for iPhone, iPad▲157

    A visual guide to CSS with illustrated + animated examples

    2017 · its alternatives →

15. 15
    Slides 4▲470

    Create impressive animated websites in minutes. 😻

    2018 · its alternatives →

16. 16CC
    Conquer CSS, a free introductory book for CSS [pdf]▲26

    I have moved onto other side projects since writing a short book for those looking to cover the fundamentals of CSS, so I made it free and stopped marketing it. Enjoy.

    2023 · dropbox.com · its alternatives →

17. 17
    AnimatiSS▲169

    A nice, colorful collection of CSS animations

    2022 · its alternatives →

18. 18
    CSS Animations▲7

    Quick and easy copy of many CSS Animations

    2016 · its alternatives →

19. 19
    CSS Gradient▲415

    A simple, colorful gradient generator

    2018 · its alternatives →

20. 20
    Motion▲245

    Animations to bring your websites to life

    2023 · motion.design · its alternatives →

21. 21
    50+ Free Animated Resources▲158

    A library of animated assets for your websites

    2023 · motion.design · its alternatives →

22. 22
    CSS Animation 101▲8

    Learn CSS animation in a few minutes each day by email

    2015 · its alternatives →

23. 23BC
    Basic.css – Classless CSS Starter File▲153

    2020 · github.com · its alternatives →

24. 24
    CSSeffectsSnippets.▲292

    A collection of CSS effects with a click to copy.

    2019 · 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 →