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.
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.
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.
- Largest export
- 3840 px wide
- Files uploaded
- None
- Exports per project
- Unlimited
How a video gets made.
- 1
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
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
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.
More answers, from things that broke while building this, in the notes.
Make the first one in about a minute.
No account, no card, no upload.