Trangram is a completely free alternative to Adobe for creating and animating designs, logos, and more, all within your browser. No installation or sign-up required.
------------------------------
🙋♂️ 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
The browser-based approach is excellent, but it would be useful to have offline capabilities or a desktop version for those times when internet access is limited.
I will suggest to add more tutorials or example projects. It would help new users like me to get started faster and see
what's possible with your tool.
How does the guided tour for he editor work? Does it cover all the features, or is just a basic overview?
Great launch! The ability to create and animate designs right in the browser without signs-up is fantastic. Thanks for
sharing this tool with us!
I appreciate the effort to make complex animation features accessible without a steep learning curve. This tool looks like it's been crafted with both passion and precision.
@derek_liu_dev, you’ve done an impressive job with Trangram...we really like it! I think offering it for free is a smart move to build your user base. Just stay the course and don’t give up, even though the journey might be tough with Adobe as a competitor. Wishing you the best of luck with Trangram...you have our full support! 💪
@derek_liu_dev, Trangram is a lifesaver! 🙌 Been hunting for a tool to animate my SVG logo forever. Free, browser-based, no sign-up? You're speaking my language!
Someone on my team was looking for a simple animation tool, and Trangram fits perfectly! I’m definitely going to share this with them.
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! ✨
Wow, the UI design is sleek and easy to navigate, @derek_liu_dev. The color scheme is very pleasing to the eye without being too overwhelming. I’m thrilled to see how this app integrates with my daily tasks. I’ll be sharing this with friends and happy to connect on LinkedIn!
I’m missing more details on how user-friendly this tool is for beginners. I wonder if the learning curve is a bit steep for those just starting out.
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?
Wow, didn’t know something like this existed! Super handy when I need to whip up a quick logo without Adobe.
A friend was searching for a tool like this, and Trangram seems perfect for them. I'll definitely recommend it!
I really like the variety of features, especially the morphing and trim path options. However, I’d love to see more tutorials or guidance on how to make the most of all these tools.
Great launch, Derek! Trangram’s blend of animation and design tools is exactly what I've been looking for.
