Dev tools · alternatives · 2026

24 alternatives to Keyframes.app

A timeline editor for 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. Keyframes.app launched in 2018; newer entries below may have overtaken it.

1. 1
   Keyframes.app▲164

   Visual editors to generate CSS for your projects 👨‍💻

   2020 · its alternatives →

2. 2
   Keyframes▲193

   A hangout spot for animators on the internet

   2018 · keyframes.net · its alternatives →

3. 3
   Keyframes.app v2▲68

   Simple dev tools for keyframes, colors, shadows, & more

   2022 · its alternatives →

4. 4
   Timeline for Sketch▲497

   Create beautiful timeline animations in Sketch

   2018 · animaapp.com · its alternatives →

5. 5
   Typeframes▲1,315

   Video creation for makers

   2024 · revid.ai · its alternatives →

6. 6
   CSS Animation Studio▲5

   Visual editor for CSS animations and keyframes

   2024 · css-animation-studio.vercel.app · its alternatives →

7. 7
   Subframe▲756

   The best way to build UI, fast

   2024 · subframe.com · its alternatives →

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

   2022 · timelinecss.io · its alternatives →

9. 9
   Keyframes Studio▲89

   Create videos for socials

   2023 · keyframes.studio · its alternatives →

10. 10
    Keyframes Studio▲96

    Create TikTok videos of your screen

    2022 · keyframes.studio · its alternatives →

11. 11
    ANIMATE IT▲205

    Create GIFs and video animations easily in your browser

    2019 · animateit.online · its alternatives →

12. 12
    CSS3 animation▲271

    An experiment with basic CSS3 animations.

    2012 · thegoodman.cc · its alternatives →

13. 13
    RoughNotation – create and animate hand-drawn annotations on a web page▲696

    A small JavaScript library to create and animate hand-drawn annotations on a web page

    2020 · roughnotation.com · its alternatives →

14. 14
    Motion DevTools▲190

    A DevTools extension for creating web animations

    2022 · motion.dev · its alternatives →

15. 15
    Animista▲532

    Create beautiful CSS animations in your browser

    2017 · animista.net · its alternatives →

16. 16
    useAnimations▲362

    An animated icon library for your projects

    2019 · useanimations.com · its alternatives →

17. 17
    Slides 4▲476

    Create impressive animated websites in minutes. 😻

    2018 · designmodo.com · its alternatives →

18. 18
    Create animations by dragging an element with your mouse▲379

    Create animations by dragging your mouse

    2022 · animatize.com · its alternatives →

19. 19
    CSS Animate▲5

    Web Tool for easy and fast creating CSS3 keyframes animation

    2016 · its alternatives →

20. 20
    AnimatiSS▲169

    A nice, colorful collection of CSS animations

    2022 · its alternatives →

21. 21
    Animotion▲9

    Visual CSS Animation Editor

    2023 · animotion.dev · its alternatives →

22. 22
    Keyframes▲145

    Convert Adobe AE animations for playback on mobile devices

    2017 · github.com · its alternatives →

23. 23
    Paste with Frames▲291

    Smart, beautiful, interactive mockups📱

    2018 · wetransfer.com · its alternatives →

24. 24
    Anime.js – Polyvalent JavaScript Animation Engine▲283

    A fast, multipurpose and lightweight JavaScript animation library

    2016 · anime-js.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 →