Dev tools · alternatives · 2026

24 alternatives to Hackreels – Animate your code in HD

Hey there! Just released a project I've been working on for a bit which uses Remotion and other awesome tech. It let's you create code animations by simply entering a series of code snippets and exporting them to popular video formats. Let me know if anyone has feedback!

Hackreels is a code animation tool that lets developers create HD video animations by inputting a series of code snippets. Built with Remotion, it exports animations to popular video formats, making it useful for… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Hackreels – Animate your code in HD launched in 2023; newer entries below may have overtaken it.

1. 1
   Hackreels▲190

   Animate your code, brilliantly in HD

   2023 · hackreels.com · its alternatives →

2. 2
   Remotion▲428

   Create videos programmatically in React

   2021 · remotion.dev · its alternatives →

3. 3
   Mockoops▲278

   Create jaw-dropping animations from boring screencasts

   2022 · mockoops.mohitya.dev · its alternatives →

4. 4
   CodeBlinks.com▲122

   Create animated code snippets for free

   2023 · codeblinks.com · its alternatives →

5. 5
   Remotion 4.0▲257

   Do more with React

   2023 · remotion.dev · its alternatives →

6. 6
   Jitter 1.0▲1,020

   A fast and simple animation tool on the web 💫

   2023 · jitter.video · its alternatives →

7. 7
   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 →

8. 8
   CodeMotion.dev▲101

   Animate your code snippet with 1 click

   2024 · codemotion.dev · its alternatives →

9. 9
   Glorious Demo▲403

   Create glorious animations to show your code in action.

   2018 · its alternatives →

10. 10
    Flow▲409

    Animate Sketch designs and generate production-ready code.

    2017 · createwithflow.com · its alternatives →

11. 11
    A visual HTML5 animation editor in your browser▲295

    Create, host, and share marketing videos with Wave.video, a powerful video marketing platform. Make animations and explainer videos with Animatron Studio.

    2014 · animatron.com · its alternatives →

12. 12
    Artboard Studio Animation▲324

    Create animations online with mockups

    2020 · artboard.studio · its alternatives →

13. 13
    RayThis▲178

    Generate pretty code snippets right out of VSCode

    2021 · marketplace.visualstudio.com · its alternatives →

14. 14
    Modyfi: Next-gen Motion Design▲394

    Design, generate & animate, all in one app

    2023 · modyfi.com · its alternatives →

15. 15
    Openmotion▲122

    Turn product screenshots and prompts into motion videos

    Aug 2026 · openmotion.design · its alternatives →

16. 16
    Faux Code Generator▲291

    Turn real code into faux code

    2020 · knutsynstad.com · its alternatives →

17. 17
    Layers▲120

    Create beautiful animated code snippet videos for free

    May 2026 · newcreative.studio · its alternatives →

18. 18SJ
    Snabbt.js – a minimalistic animation library▲323

    House of cards demo using animation library snabbt.js

    2015 · daniel-lundin.github.io · its alternatives →

19. 19
    Scrimba Explain▲325

    Ask any question, get a video back instantly

    Aug 2026 · scrimba.com · its alternatives →

20. 20
    Blob Animation▲154

    Generate smooth animated blobs for your website

    2022 · blobanimation.com · its alternatives →

21. 21NJ
    Node.js video tutorials where you can edit and run the code▲258

    Hey HN, I'm Sindre, CTO of Scrimba (YC S20). We originally launched Scrimba to make video learning more interactive for aspiring frontend developers. So instead of passively watching videos, you can jump in an experiment with the code directly inside the video player. Since launch, almost two million people have used Scrimba to grow their skills. However, one limitation is that we've only supported frontend code, as our interactive videos run in the browser, whereas most of our learners want to go fullstack—building APIs, handling auth, working with databases, and so forth. To fix this, we…

    2025 · its alternatives →

22. 22
    CodeLet▲187

    Create attention grabbing code snippet images in a snap

    2022 · vividshare.io · its alternatives →

23. 23
    Generate a video to animate stars of any GitHub repository▲42

    I made this as a fun tiny project to experiment with Remotion [1] to generate videos. You can find the source code on GitHub [2]. [1] https://www.remotion.dev/ [2] https://github.com/scastiel/github-stars-video

    2023 · scastiel.dev · its alternatives →

24. 24
    ANIMATE IT▲205

    Create GIFs and video animations easily in your browser

    2019 · animateit.online · 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 →