Trangram

Maker

📌

------------------------------ 🙋‍♂️ 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

Report

9mo ago

Pradhumn Vijayvargiya

Stella AI

@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!

Report

9mo ago

Derek Liu

Trangram

Maker

@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!

Report

9mo ago

Derek Liu

Trangram

Maker

@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!

Report

9mo ago

Yuki Eliot

@derek_liu_dev it's awesome!

Report

9mo ago

Richard Song

Epsilla (YC S23)

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?

Report

9mo ago

Derek Liu

Trangram

Maker

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

9mo ago