Dev tools · alternatives · 2026

24 alternatives to Keyframes.app

Visual editors to generate CSS for your projects 👨‍💻

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 2020; newer entries below may have overtaken it.

1. 1
   Keyframes.app▲160

   A timeline editor for CSS animations

   2018 · its alternatives →

2. 2
   Keyframes.app v2▲68

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

   2022 · its alternatives →

3. 3
   Subframe▲756

   The best way to build UI, fast

   2024 · subframe.com · its alternatives →

4. 4
   Keyframes▲193

   A hangout spot for animators on the internet

   2018 · keyframes.net · its alternatives →

5. 5
   Typeframes▲1,315

   Video creation for makers

   2024 · revid.ai · its alternatives →

6. 6
   Keyframes Studio▲89

   Create videos for socials

   2023 · keyframes.studio · its alternatives →

7. 7
   Keyframes Studio▲96

   Create TikTok videos of your screen

   2022 · keyframes.studio · its alternatives →

8. 8
   CSS Grid Generator▲307

   Simple tool to generate css grids

   2019 · cssgrid-generator.netlify.com · its alternatives →

9. 9
   CSS Animation Studio▲5

   Visual editor for CSS animations and keyframes

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

10. 10
    UX Flow Wireframe Prototyping System▲453

    Create beautiful user flows prototypes for your next project

    2017 · its alternatives →

11. 11
    Keyshape▲132

    Create animated vector graphics easily

    2017 · pixofield.com · its alternatives →

12. 12
    Frames for Sketch▲363

    Create awesome websites & apps using powerful design system

    2017 · its alternatives →

13. 13
    CSS.GUI▲201

    Open source visual editors for everything in the CSS spec

    2022 · components.ai · its alternatives →

14. 14
    I made a drag and drop CSS grid generator▲262

    CSS Grid Generator - a user-friendly tool designed for web developers to effortlessly create customizable CSS grids for seamless web development.

    2024 · cssgridgenerator.io · its alternatives →

15. 15
    A CSS-Only Terrain Generator▲371

    An interactive CSS terrain generator. Define a grid and generate your terrain!

    Nov 2025 · terra.layoutit.com · its alternatives →

16. 16
    CSSeffectsSnippets.▲292

    A collection of CSS effects with a click to copy.

    2019 · emilkowalski.github.io · its alternatives →

17. 17
    Paste with Frames▲291

    Smart, beautiful, interactive mockups📱

    2018 · wetransfer.com · its alternatives →

18. 18
    Keyframes▲145

    Convert Adobe AE animations for playback on mobile devices

    2017 · github.com · its alternatives →

19. 19
    Moko▲118

    All your visual brand assets easy to use, edit and share

    2021 · moko-app.com · its alternatives →

20. 20
    Frames 2.0▲127

    Save time developing your web design project with a kit

    2020 · framesforsketch.com · its alternatives →

21. 21
    KeyFrame AI▲9

    Realistic vector animations using AI

    2025 · its alternatives →

22. 22
    CSS Color Gradient Generator▲208

    A novel and easy way to design beautiful color gradients.

    2020 · mybrandnewlogo.com · its alternatives →

23. 23
    Grid Layout Builder by Webflow▲194

    A completely visual way to build CSS grid–powered layouts

    2018 · its alternatives →

24. 24
    CSS Grab n' Go Editor▲213

    Visual editor for learning and quick CSS mocking

    2020 · cssbuilder.veliovgroup.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 →