Trangram

Creative

animation editor

SHOW HN2024

Legend

Trangram

A free animator. Think Adobe Illustrator but for animation

trangram.com

#svg animation#motion graphics#animation editor#free animator

738points
247comments
#26of 3,515 in 2024
Top 1%of 2024 by points

How HN took it

MixedNo clear lean

33 positive, 33 neutral or asking, 8 mixed, 16 critical, out of 90 comments about the project. Thread score +0.22.

Idea: 9 for, 6 againstExecution: 6 for, 5 againstDesign: 10 for, 0 againstDocs: 2 for, 1 againstPerformance: 0 for, 2 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Intuitive, easy-to-learn editor

    From 4 comments
    • This is awesome. Great job! I love the simplicity of the whole thing. I was able to figure out the tool in a minute. Compare that to professional software, which can have a scary…
      shubhamjain on HN
    • This looks really well done! I was able to create a simple animation easily even though I don't know anything about animation software. By the way, your "Features" page is really…
      Mackser on HN
    • I love this, I drew a triangle, clicked somewhere else on the timeline moved the triangle and it worked. So intuitive, just how it should be.
      theferalrobot on HN
    • Excellent job! I recently fired up the latest version of Adobe flash and found myself entirely unable to remember how to even do a simple keyframe animation, your editor manages…
      dusted on HN
  • Nostalgia for Flash-era animation tools

    From 3 comments
    • Really impressive work!! Ever since the demise of Flash I've felt a strong lack of such animation tools. Very nicely done!
      HanClinto on HN
    • I love this! I was hit with a wave of nostalgia. I used to spend hours and hours making flash animations. This tool is super intuitive :D I haven't touched an animation tool…
      i_am_a_squirrel on HN
    • Do you have svg output examples?
      interestica on HN
  • Quick to make animations, even for beginners

    From 2 comments
    • Opened it, made an animation in 10 seconds. On mobile. With zero experience with animation software. Well done Any chance of Lottie export? I think I would use this if there was.
      scosman on HN
    • Great job! It took me 5 min to redo a animated logo that took me a few hours 3 years ago with Adobe. I will use it.
      tupolef on HN

Objections

  • No SVG animation export

    From 3 comments
    • Very nice. One question: I see the submission mentions SVG animation but I don't see any way of exporting as SVG. Did I miss something, or was this just meant as a plan for the…
      t09i209ba893 on HN
    • I’ve not looked at the tool, but are animations driven by CSS, and if so do you embed the CSS into the SVG? Where I work we’re looking at SVG animation tools for some graphics…
      illwrks on HN
    • Do you have svg output examples?
      interestica on HN
  • Web app may not be preserved long term

    From 1 comment
    • Looks good, although I'm a little bit sad about this web application trend. I mean I get the ease of deployment -- just open the webpage and use it. But this application is just…
      self_awareness on HN
  • Requires account to save as GIF

    From 1 comment
    • It passed my first test: "Type hello world and make it bounce for 5 seconds." The second test is: "save it as a gif" I could not do that because I need to create an account. I am…
      javier_e06 on HN
  • Landing page design is weak

    From 1 comment
    • Well done for shipping! I'm really impressed by the tool - it's intuitive and like a very light-weight After Effects. I think just re-designing the landing page would make a huge…
      lukko on HN

Requests

  • Lottie export

    From 2 comments
    • Opened it, made an animation in 10 seconds. On mobile. With zero experience with animation software. Well done Any chance of Lottie export? I think I would use this if there was.
      scosman on HN
    • This is great! If you add lottie export, I could see this tool become popular among web and mobile app devs.
      neurostimulant on HN
  • Keyboard shortcuts

    From 2 comments
    • Looks great and works well. Some small suggestions: - Please add some keyboard shortcuts for common actions, i.e., cmd/ctrl + z to undo (+ shift to redo), delete/backspace to…
      wfme on HN
    • This is super cool and was very easy to get going. Missing keyboard shortcuts is pretty annoying and would make this even simpler. I hopped in hoping it was like a Google…
      kylegalbraith on HN
  • Open existing animations or tutorials

    From 1 comment
    • This looks awesome. Some suggestions though: - Would be awesome to be able to open an existing animation (eg. like any of the ones showcased). It's a built overwhelming for a…
      JSavageOne on HN
  • Audio support

    From 1 comment

Questions

  • Is it open source?

    From 1 comment
    • Just opened the editor, switched to line mode, and drew a line. It seems to have automatically switched to selection mode, rather than keeping in the mode I deliberately switched…
      justinclift on HN
  • Can SVG be exported or edited without destroying structure?

    From 1 comment
    • A good SVG animation tool is dearly missing. I wish Inkscape could do it or there was an Inkscape-like animation tool, that does not hide but rather embraces the underlying SVG…
      weinzierl on HN

Alternatives named

  • Adobe Flash / Macromedia Flash

    From 2 comments
    • Back in the day I used to do quite a lot of Macromedia Flash work. It’s uncannily similar but a modern take. I’ve often wondered why no one has come up with a new product in this…
      junto on HN
    • Like Macromedia Director? I remember creating tcp ip network flow animations with that one.
      KingOfCoders on HN
  • Adobe After Effects

    From 2 comments
    • This is cool, and "Adobe Illustrator for animation" is perhaps Adobe After Effects.
      dkarras on HN
    • Well done for shipping! I'm really impressed by the tool - it's intuitive and like a very light-weight After Effects. I think just re-designing the landing page would make a huge…
      lukko on HN
  • Macromedia Director

    From 1 comment
    • Like Macromedia Director? I remember creating tcp ip network flow animations with that one.
      KingOfCoders on HN
  • Excalidraw

    From 1 comment
    • This is great. I have actually written about how this is a great opportunity: an "excalidraw for animations". Try to make the people land immediately on the editor instead of the…
      santiagobasulto on HN
  • Lottie-based tools

    From 1 comment
    • I’ve not looked at the tool, but are animations driven by CSS, and if so do you embed the CSS into the SVG? Where I work we’re looking at SVG animation tools for some graphics…
      illwrks on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/39675807)