Trangram

A free online editor for creating animation and illustration

Design Tools

Animation

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