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.
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?
Hats off, @derek_liu_dev! Trangram is a breath of fresh air in the design tools landscape. The ease of use and comprehensive feature set make it a winner. I'm particularly excited about the customisable easing with the graph editor. Do you plan to add any integrations with other popular design tools or platforms?
Thanks for the kind word, Richard! @renchu_song And yes, Trangram currently support both SVG import/export which can be used in other platform that support vector graphics. As for editable animation format, I'll consider lottie and other formats, but need some time to explore them, and see how well they integrate with Trangram’s current animation and illustration features. I do hope Trangram can support lottie or other formats in the future.
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! :)
Trangram
Stella AI
Trangram
Trangram
Free AI Image Extender
Trangram
Surfsite AI
Trangram
Surfsite AI
Telebugs
Trangram
Trangram
Epsilla (YC S23)
Trangram
Trangram