Guide · Updated
How to make motion graphics online, free and without After Effects
A simple way to make motion graphics and animations for Reels, TikTok and YouTube in your browser. No keyframes, no software, no signup.
Motion graphics usually mean hours in After Effects: keyframes, easing curves and render queues. For short-form video you rarely need that. Most of what creators use, such as animated text, chat stories, maps, counters and pop-up overlays, follows a handful of patterns that can be templated.
gizzMotion turns those patterns into templates that are already animated and already timed. You change the words, pick a few options and export. It runs in your browser, there is no account and no watermark, and the video is rendered on your own device.
1. Pick what you want to animate
Start from a template that matches your idea: a chats story, an ai chats answer, a travel & maps route, captions, emoji & memes, a gaming overlay, social & reviews posts and comments, fitness stats or products & apps mockups.
If two templates look close, open the one whose Content tab lists the fields you care about. Those fields are the template: whatever is listed there is what you can change, and nothing else.
2. Type your content
Everything editable sits in the Content tab. Type your words, names, places and numbers, upload images where a template accepts them, and the preview updates as you type. Numbers such as follower counts, scores and steps count up on their own, so you only type the final figure.
The animation re-times itself around your text. A longer sentence takes longer to type out, and the video grows to fit it. You never move a keyframe to make room.
3. Set the frame in the Style tab
The Style tab has two halves. The first is the frame around the design: Aspect ratio (9:16, 4:5, 1:1 or 16:9), Background (None, Gradient, Color, Image or Green), Size in frame, Side space, Scale, Corner radius and Shadow. The second half is the design's own look: colors, theme, text size and width, which change from template to template.
Background None is the one to remember. It makes the export transparent, which is how you lay an animation over your own footage. Green gives you a green screen instead, for phone editors that can key a color but cannot read an alpha channel.
4. Set the timing in the Motion tab
The Motion tab controls when things happen.
- Entrance: how the design arrives (Pop in, Slide up, Drop in, Fade in or Zoom in) and the motion style behind it (Bouncy, Smooth, Snappy, Elastic, Wiggle, Ease or Linear).
- While on screen: a gentle Float, Pulse, Wiggle or Sway, or None.
- Timing: start delay, entrance length, animation speed, how many times the animation plays, and how long it holds on screen.
- Video length: leave it at 0 and the template works out its own length, or set anything up to 60 seconds.
- Finish: a slow zoom in, and a fade out with its own length.
Chat templates swap a few of these for chat-specific settings: typing speed from 0.5x to 2.5x, the typing indicator, "type my messages", how many messages are already visible at the start, and how long the chat holds at the end.
5. Export
Press Export and choose what the file is for. For posting gives you an MP4. For editing gives you a transparent MOV. Pick 720p or 1080p and 30 or 60 fps, then press Export video. Export PNG saves a still instead, transparent if your background is None. If you edit in CapCut, use the WebM link at the bottom of the same panel.
The render happens in your browser, so the speed depends on your computer. The panel shows an estimate before you start. Read how to use a transparent overlay for what to do with the file afterwards.
A starting point for each kind of video
- Story time: an Blue text messages or Green chat chat, then pace it properly.
- Explainers: a AI chat – Light answer streaming in, a “Did you know?” fact card fact card or a Typewriter terminal caption caption.
- Travel: a Route – flight arc between two airports, or the Route – 3D globe spin for long-haul.
- Talking head: a Caption bar for karaoke captions and a Lower third to introduce someone.
- Comedy and reactions: Comic sound effect, Emoji explosion or a POV caption caption.
- Gaming: a Block game – Advancement toast or an Console achievement.
- Numbers and results: a Stat counter or an XP / level-up bar.
Recommended settings
- TikTok, Reels, Shorts: 9:16 at 1080p. Use 30 fps for text and chats, 60 fps for fast motion such as emoji explosions and counters.
- YouTube: 16:9 at 1080p.
- Instagram feed: 4:5, or 1:1 when the design is square.
- Over your own footage: Background None, then MOV, or WebM for CapCut.
- A thumbnail or a still: Export PNG.
Tips for motion graphics that hold attention
- Keep each animation under five seconds and let it finish before the next beat of your video.
- Use one accent color that matches your brand or thumbnail, and set it in the Style tab rather than adding more colors.
- Put text in the middle two thirds of a 9:16 frame so app buttons don't cover it.
- One idea per overlay. Two counters competing for attention read as noise.
- Match the motion style to the mood: Snappy for hooks and gaming, Smooth for explainers, Bouncy for comedy.
Common mistakes
- Exporting MP4 when you need transparency. MP4 cannot store a transparent background, so the empty areas turn black. Use MOV or WebM.
- Text too close to the edges. App buttons and captions cover the top and bottom of a 9:16 frame. Keep important text in the middle.
- Animations that run too long. A title or overlay should finish in two to five seconds. Shorten the hold, or raise the animation speed.
- Forcing a length that is too short. If you set the video length below what the animation needs, the end is cut off. Leave it at 0 until you know the natural length.
- Exporting fast motion at 30 fps. Emoji effects and quick counters look choppy. Use 60 fps.
Questions people ask
Do I need to install anything?
No. It runs in the browser. Chrome or Edge on a computer support every export, including transparent MOV and WebM. Safari 16.4 and newer export MP4 and PNG.
Is there a watermark or a signup?
There is no account, ever. 411 templates are free to use and export, with no watermark. Pro, at $9 a month, unlocks the other 866.
Where do my files go?
Only to your own device. The video is rendered in your browser and saved to your downloads. Your edits are kept in that browser's storage, so export anything you want to keep.
Can a video be longer than 60 seconds?
No. 60 seconds is the maximum in the Motion tab. For longer videos, export several animations and assemble them in your editor.
What gizzMotion is not
It is not a full video editor. There is no timeline for cutting clips, no audio and no music. It does not record your screen or your camera, and it will not write your script. Make the animation here, then assemble the video in the editor you already use.