What is Trangram?

Updated

Trangram is a browser-based vector graphics editor for creating and animating vector graphics online. According to the site, it requires no installation, login, or sign-up, and it is described as free. It is aimed at people who want to design, animate, and iterate on vector artwork in one tool, rather than switching between separate drawing and animation applications.

What you can do with it

Trangram combines vector design and animation features in a single editor. The homepage highlights a range of tools for shaping, combining, and animating objects:

  • Shape morphing — smoothly transition one shape into another, such as a square into a circle or a star into a heart.
  • Corner rounding — round the corners of shapes using different styles: Round, Inverted Round, and Chamfer.
  • Boolean operations — create new shapes by uniting, subtracting, intersecting, and excluding existing shapes.
  • Trim paths — create self-drawing animations by gradually erasing or revealing parts of a line.
  • Motion paths — move objects smoothly along a specific path, like a car following a road.
  • Parent links — link objects so that transforms applied to a parent object cause child objects to follow in a coordinated way.
  • Looping — control how animations repeat, with Cycle, Ping Pong, and Continue modes.
  • Easing — control animation movement with Ease In, Ease Out, Ease In Out, and Step Functions.
  • Clipping masks — reveal only a specific part of an image or object while hiding the rest, like a stencil.
  • Number animation — animate numbers as easily as creating text, with formats such as commas, decimals, or leading zeros.
  • Group animation — organize objects into groups and animate them together, with nested groups useful for multiple transformations.

Who it is for

Trangram suits users who want a lightweight, browser-based way to produce vector graphics and motion without installing desktop software or creating an account. The combination of design and animation tools in one place makes it relevant for simple shape-based animation, explainer-style graphics, and iterative vector work.

Because the site states that no login or sign-up is required, you can start working directly in the browser. The presence of a Showcase suggests you can review example work before deciding whether the tool fits your needs.

How to get started

  1. Open trangram.com in a browser.
  2. Use the Create or Editor entry point to begin a new vector project.
  3. Draw or import vector shapes, then apply design tools such as corner rounding or Boolean operations.
  4. Add animation using morphing, motion paths, trim paths, easing, and looping.
  5. Preview and iterate on the result in the same editor.

The site also provides tutorials for individual features, plus FAQs and a Change Log for learning more about the tool and its updates.

Practical notes

  • Access: Browser-based, with no installation, login, or sign-up required according to the site.
  • Cost: Described as free on the site; no pricing links or payment platforms were found in the available page evidence.
  • Maintenance: The site notes scheduled maintenance on May 1, 2026, from 2:00 PM to 6:00 PM (AEST), during which the service may be unavailable.
  • Learning resources: Tutorials, a Showcase, FAQs, and a Change Log are available on the site.

If you need a no-install vector editor that also handles animation, Trangram is worth trying directly in your browser. If you require account-based collaboration, cloud storage guarantees, or documented pricing details, those specifics are not established by the available information and should be verified on the site.