Trangram is a fast, free, online editor for vector graphics and animation. Think of it as a free alternative to Adobe Illustrator, After Effects, and Adobe Animate — all in one — for creating motion graphics.
------------------------------
🙋♂️ Hey Everyone 🙋♂️
------------------------------
I’m Derek, creator of Trangram, and I’m excited to share my first-ever launch on Product Hunt!
I originally made Trangram for myself to simplify motion graphics creation, but as I kept working on it, I realized it could help others too. So, I kept improving it as a fun side project. I’ve been using it to create my own animations, and you can check them out on Trangram’s gallery page.
I’m really happy to share Trangram with you, and I’ve got plans to add more features down the road.
I'd love to hear your thoughts to help with the next updates. Thanks so much for your support! 🙏
------------------------------
🕹️ Try It Yourself 🕹️
------------------------------
Do try out the editor, I've designed a quick guided tour for you! No sign-up required 😉
------------------------------
📜 Full Story 📜
------------------------------
If you'd like to learn about my journey developing Trangram, you can read it here. 🙌
------------------------------
✨ Key Features ✨
------------------------------
Prefer visuals? Take a look here. 😎
Animation Features:
- Motion paths
- Trim paths
- Parent links
- Looping
- Easing (Customisable with graph editor)
- Number animation
Illustration Features:
- Rounded corners
- Boolean operations
- Vector tool (aka Pen tool)
- Layering and Grouping
- Clipping masks
- Compound paths
Special Features:
- Shape morphing
- Group animation
- Dynamic parent links
- Multiple trackers on motion paths
- Edit styles and transforms across keyframes
Import & Export:
- Import .svg and .tg (project files)
- Export project files (tg), videos (mp4, webm), GIFs, and images (png, jpg, webp, svg)
------------------------------
❤️ www.trangram.com ❤️
------------------------------
Made with love and passion
@derek_liu_dev looks like another AI tool for video was launched but was completely amazed by the capabilities. Congratulations on your first launch, I am sure it will shoot like a rocket!
@pradhumn_vijayvargiya Let me be clear for other people here, "AI" means Adobe Illustrator, not Artificial intelligence :) Trangram does not integrate any "Artificial intelligence" so far. Trangram is made for creating motion graphics and vector graphics. Thanks for your support!
@owenfar Thanks for your feedback! Yeah, the landing page show animated key features, and the true lovely content are all in the gallery page. Plus, there're step-by-step tours to help you get started when you first open the editor as anonymous users. Hope this helps!
Wow that will really help a lot of peoples. Because you can start creating animations in browser without installing or making an account W product appreciate the work.
Thanks you @muhammad_salman39, I really appreciate it! Yeah, I designed Trangram to be as accessible as possible from day one!
Report
I don't think this is an alternative to Adobe products but having a tool for working with vectors graphic online without installing it is very convenient, Thanks to developer!
Report
This really looks like the best free alternative to Adobe i've seen so far. Would love to give this a try!
@alexandra_describy Thanks for the kind words! And remember, no sign-up needed, just dive in and enjoy the step-by-step tours when you first open the editor :)
Report
Congrats on your launch! 🚀 and I want to say that I'm in love with your product!!! 🤩
It's super awesome!!! I've been interested in diving into motion graphics for quite some time now and using your product I think I wanted to learn more about it and use it.
I also like the fact that all it takes from here is one click and I'm thrown to the actual product to start animating!!!
Once again, congratulations! Will definitely use this! ✨
Thank you, Dany! @itsdany Yeah, I aimed to make Trangram as accessible as possible from day one. It’s completely free, works online, and doesn’t require any sign-up or login. Remember that you could take those three step-by-step tours to get started when first open the editor :D hope you enjoy and free feel to share with your friends, I'd appreciate that! :)
Hey Derek,
How long would it typically take for someone with basic design skills to create their first animation?
Do you have plans to add any collaboration features in the future?
Congrats on the launch!
@kyrylosilin That should be fast, because I designed Trangram with people without pre-experience in graphic designs considered, as long as they have interest in it. The welcome page guides tours and YouTube tutorials are enough to make decent animation even for beginners! Here's YT tutorials: https://www.youtube.com/@Trangra...
Report
Cheers to the launch! Wishing you great success and new milestones. How long did it take to develop Trangram?
Trangram
Stella AI
Trangram
Trangram
Free AI Image Extender
Trangram
I don't think this is an alternative to Adobe products but having a tool for working with vectors graphic online without installing it is very convenient, Thanks to developer!
Trangram
Trangram
Telebugs
Trangram
Trangram