Alternatives

Products that do what CSS Animation Cheat Sheet does

Awesome CSS3 plugin for spiffy animations

1. 1
   CSS Wand▲329

   Easy copy-paste beautiful CSS animations

   2019

2. 2
   Transforms in CSS▲117

   Free eBook for learning to code animations

   2016

3. 3
   CSS Toolkit▲161

   Crazy interactive CSS animation builder (Mac)

   2014

4. 4CA
   CSS3 animation▲271

   2012 · thegoodman.cc

5. 5
   Blend▲263

   Generate simple and beautiful CSS3 gradients

   2015

6. 6
   CSS3 PS▲73

   Free Photoshop plugin that converts your layers to CSS3.

   2014

7. 7
   Checkbox▲139

   Tiny set of CSS3 animations for your checkboxes ✅

   2016

8. 8
   Animate.css▲191

   Just-add-water CSS animations

   2014

9. 9
   AniCollection▲122

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

   2015

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

    2014 · bouncejs.com

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

    2011 · tomorrow.do

12. 12
    Move Things With CSS▲102

    An ebook for learning CSS animations and transitions

    2020

13. 13AW
    Animated Watch Illustrations with CSS3 and SVG▲41

    I wanted a little project to practice illustration as well as animation on the web. Plus I'm a big fan of watches.

    2013 · wrist.im

14. 14
    hack.css▲174

    The CSS framework for hackers

    2016

15. 15
    Bounce.js▲120

    Create tasty CSS3 powered animations in no time

    2014

16. 16
    Blend 2.0▲110

    Create and customize beautiful CSS3 gradients

    2016

17. 17TC
    Tridiv - CSS 3D Editor▲277

    2013 · tridiv.com

18. 18CS
    CSS Speedrun – A small game to test and improve your CSS knowledge▲213

    2022 · css-speedrun.netlify.app

19. 19
    AnimatiSS▲169

    A nice, colorful collection of CSS animations

    2022

20. 20AC
    Animate CSS3▲16

    2017 · github.com

21. 21AV
    A visual HTML5 animation editor in your browser▲295

    2014 · animatron.com

22. 22CA
    CSS3 Animated Glowing Forms▲182

    I remember seeing the Dragon Labs Dragonfish Glowing Form Demo[1] when it first came out, and it always stuck in my head. They implement the effect by using a rather large background image and a mask image and move the background image around via Javascript. I was inspired and wanted to see how close I could get with CSS3. I recommend using a Webkit browser [and you can see an alternate version of the animation on Firefox 4]. [1] http://labs.dragoninteractive.com/panel/demo/

    2011 · kaylarose.github.com

23. 23
    Aseprite▲116

    Animated sprite editor and pixel art tool

    2017

24. 24TA
    Tuesday, a new open-source CSS animation library▲18

    2015 · shakrmedia.github.io

Ranked by how close each launch is in meaning, then by votes. Refine with a description →