loguitoc.

Animate an SVG so it draws itself.

A free SVG animator for logos. Drop in an SVG or type a word, and every contour is traced the way it was drawn, with anchor points, Bézier handles and construction guides on show. Export animated SVG, 4K MP4 or PNG without uploading a single file.

See what it makes

It animates your actual artwork.

loguitoc opens the real Bézier data inside your SVG or font file and animates that. Every anchor point and every handle on screen is one your file already had, at the proportions you drew it at.

Nine things it can show you.

Each one is a switch. Turn on what makes the drawing read, leave the rest off, or turn them all on and let the mark arrive buried in its own measurements.

  • Reference lines

    Baseline, x-height, cap height and ascender, measured and labelled.

  • Skeleton

    The letter before its curves bend into place, as straight segments through the same points.

  • Anchor points

    Every Bézier anchor and its handles, the way the outline is actually stored.

  • Guide circles

    The construction circles a round shape is struck from, with their radii.

  • Advance width

    How much horizontal room each glyph claims, bracketed underneath.

  • Curve values

    The numeric tension on each curve as it bends.

  • Pen

    The point currently drawing, tracked along the contour.

  • Labels

    Names and measurements on leader lines, out to the side.

  • Summary

    Contour and anchor counts for the finished mark.

Nothing you make leaves the tab.

4KUp to 3840 px wide
0Files uploaded
∞Exports per project

Every frame is encoded on your own machine with WebCodecs. Your artwork, your data and your unreleased brand never reach a server, because there is no server to reach.

It is also why exports are not rationed. Tools that render in the cloud have to charge for minutes, because minutes cost them money. Here the fortieth export costs exactly what the first one did.

Rendering is paced by your hardware, so a slow frame simply makes the export take a moment longer and every frame still lands in the file. What you see is what encodes.

How a video gets made.

  1. 01

    Start from something finished

    Open a template and edit it, or bring your own text, SVG or font file. Either way you land on something already moving.

  2. 02

    Choose what the drawing shows

    Turn guides, metrics and anchor points on or off, set the palette, then place zoom and rotation keyframes on the timeline. The 3D turn eases between diamonds the way it does in an editing suite.

  3. 03

    Export once, get every shape

    Take an MP4, a PNG still or an animated SVG. A single pass renders 16:9, 9:16 and 1:1 together, so the landscape cut and the vertical cut are one job.

Questions

How do I animate an SVG?

Drop the SVG in, and loguitoc reads its real path data, every anchor and every Bézier handle, then traces each contour in order. You choose which construction layers show while it draws and how the drawing time is divided between them, then export. There is no timeline to learn and no keyframing required to get the basic animation.

Can I turn an SVG into an MP4?

Yes. Export MP4 up to 4K, and 16:9, 9:16 and 1:1 can be produced in a single pass. Encoding happens on your own machine with WebCodecs, so the file never leaves the tab. Animated SVG and PNG stills come out of the same export menu.

Do I need After Effects, or anything installed?

No. loguitoc runs in the browser and writes finished MP4 files from there. There is nothing to download and no plugin to keep up to date.

Is my logo uploaded anywhere?

No. Fonts and SVGs are read and drawn locally, and video encoding happens on your machine. Work in progress is saved to your own browser storage, so you can close the tab and pick it back up.

What can I export?

MP4 video up to 4K, PNG stills at any frame, and animated SVG for the web. Video can be produced in 16:9, 9:16 and 1:1 in one pass.

Can one video hold several scenes?

Yes. Add any project to the sequence as a scene, reorder the scenes, and export the lot as one MP4: a wordmark, then a monogram, then the lockup, in a single file.

Which browsers does it work in?

Any recent Chrome, Edge or Safari. Fast export uses WebCodecs, and where that is missing a slower recorder takes over, so the export still finishes.

Make the first one in about a minute.

No account, no card, no upload.