Dev tools · alternatives · 2026

Tuesday is an open-source CSS animation library for developers. It provides pre-built animations that can be applied to web elements through CSS, helping developers add motion to their projects without writing… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Tuesday, a new open-source CSS animation library launched in 2015; newer entries below may have overtaken it.

1. 1
   I made a free animator. Think Adobe Illustrator but for animation▲738

   See animations created by me using Trangram: https://www.trangram.com/showcase I started working on Trangram 7 years ago with a simple idea: a free browser-based vector editor that combines illustration and animation in one place. The goal is to make creating vector graphics and animations as simple as opening a browser. There's nothing to install, no account required, and projects are saved automatically in your browser, so nothing is uploaded to a server. I use Trangram every day for my own illustrations (and occasionally animations). One of the most rewarding parts of…

   2024 · trangram.com · its alternatives →

2. 2
   Animista▲532

   Create beautiful CSS animations in your browser

   2017 · animista.net · its alternatives →

3. 3
   CSS Wand▲330

   Easy copy-paste beautiful CSS animations

   2019 · csswand.dev · its alternatives →

4. 4
   Transforms in CSS▲117

   Free eBook for learning to code animations

   2016 · get.oreilly.com · its alternatives →

5. 5
   Keyframes.app▲160

   A timeline editor for CSS animations

   2018 · its alternatives →

6. 6
   CSS3 animation▲271

   An experiment with basic CSS3 animations.

   2012 · thegoodman.cc · its alternatives →

7. 7
   Motion One – New animation library, built on the Web Animations API▲327

   Motion (prev Framer Motion) is a fast, production-grade animation library for React, JavaScript and Vue. Build smooth UI animations at a tiny footprint.

   2021 · motion.dev · its alternatives →

8. 8
   Stitches▲135

   The modern CSS-in-JS library with near-zero runtime.

   2020 · stitches.dev · its alternatives →

9. 9
   AnimatiSS▲169

   A nice, colorful collection of CSS animations

   2022 · its alternatives →

10. 10
    Pattern.css – CSS-only library to fill empty background with patterns▲332

    CSS only library to fill empty background with beautiful patterns. - bansal/pattern.css

    2020 · github.com · its alternatives →

11. 11
    WebSlides▲486

    The easiest way to make HTML presentations and long-forms.

    2017 · webslides.tv · its alternatives →

12. 12
    Animate.css▲191

    Just-add-water CSS animations

    2014 · daneden.github.io · its alternatives →

13. 13
    Pattern.css▲197

    CSS library to fill empty background with beautiful patterns

    2020 · github.com · its alternatives →

14. 14
    Picnic CSS▲131

    A beautiful CSS library to kickstart your projects

    2016 · picnicss.com · its alternatives →

15. 15
    CSS Animation Cheat Sheet▲232

    Awesome CSS3 plugin for spiffy animations

    2014 · justinaguilar.com · its alternatives →

16. 16
    cattocss▲88

    CSS animations library

    2022 · cattocss.com · its alternatives →

17. 17
    Choreographer-JS, a simple way to handle complicated animations▲39

    A simple library to take care of complex CSS animations.

    2016 · christinecha.github.io · its alternatives →

18. 18
    Slides Framework▲185

    Animated web presentations and landing pages in HTML/CSS 😻

    2017 · designmodo.com · its alternatives →

19. 19
    Tailwind Animations▲132

    Beautiful copy + paste Tailwind CSS animations in seconds

    2023 · tailwindanimations.co · its alternatives →

20. 20
    CSS Toolkit▲161

    Crazy interactive CSS animation builder (Mac)

    2014 · apps.apple.com · its alternatives →

21. 21BC
    Bolt.css – Another classless CSS library▲134

    Bolt.css is a classless css library

    2022 · boltcss.com · its alternatives →

22. 22
    Motion DevTools▲190

    A DevTools extension for creating web animations

    2022 · motion.dev · its alternatives →

23. 23
    Keyframes.app▲164

    Visual editors to generate CSS for your projects 👨‍💻

    2020 · its alternatives →

24. 24AC
    A composition tool for CSS animations▲11

    2022 · timelinecss.io · 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 →