Guides
48 practical walkthroughs: what each animation is for, how to make one in the browser, which format your editor wants, and five presets to start from.
Shape Transitions
A shape transition is a graphic wipe where a circle, bar or tile grid travels across the frame and hands the shot over to the next one. It hides the cut, carries your brand color and works in any editor once exported as MP4 or transparent WebM.
Read the guideText Animations
Pick a text preset, type your line, choose a font and weight, then set the colors, easing and duration. The preview renders the real animation, and the export is an MP4 or a transparent WebM you drop straight onto a track in your editor.
Read the guideIcon Animations
Choose an icon preset, pick an icon from the built-in library, set its color, size and stroke, then adjust how it draws, pops or pulses. Export a transparent WebM and the icon animates over any slide, app screen or footage without a matte.
Read the guideLogo Reveals
Open a logo reveal preset in the browser, upload your logo as a PNG, set the background and accent colors, choose a duration and export. The clip renders on your own machine as MP4 or transparent WebM, so no plugin, template file or render queue is involved.
Read the guideLower Thirds
Pick a lower third preset, type the name and role, set your brand colors and font, then export a transparent WebM. Drop it on the track above your interview footage, position it in the lower left, and trim it to the seconds where the speaker is introduced.
Read the guideTitle Animations
A good title card holds one idea, sets it in a readable weight, and clears the frame before the viewer loses patience. Two to three seconds is usually enough. Animate the headline and subtitle on separate beats so the eye lands on the main line first.
Read the guideCallouts & Arrows
Choose a callout preset, type the label, and set where the arrow or circle lands using the target controls. Export a transparent WebM, place it above your screen recording or footage, and trim it to the moment you are talking about.
Read the guideSocial Media Animations
Put the prompt where the viewer has already got value, usually after the first payoff rather than in the opening seconds. Keep it under three seconds, use a transparent export so it sits in a corner, and pair it with a spoken line for the biggest lift.
Read the guideAnimated Backgrounds
A seamless background loops so its last frame matches its first, which means you can repeat it for any duration without a visible jump. Gradients, grids, waves and particle fields work well behind titles, talking heads and product shots.
Read the guideParticle Effects
Pick a particle preset, set the colors and density, then export a transparent WebM. Place it on the track above your footage and trim it to the celebration beat. Because the alpha channel is real, no keying or screen blend mode is needed.
Read the guideGlitch Effects
Choose a glitch preset, set the intensity, speed and colors, and decide whether it carries text or acts as a transition. Export MP4 for a full-frame hit or transparent WebM when the distortion should sit over your own footage.
Read the guideLight Leaks & Flares
Export a light leak on a transparent background, place it on the track above your footage, and set the blend mode to screen or add if your editor needs it. Trim it to the cut you want to soften, and lower the opacity until it feels like lens behavior rather than an overlay.
Read the guideLiquid Transitions
A liquid transition uses organic motion, ink spreading, paint dripping or a wave rising, to cover the frame and reveal the next shot. It suits lifestyle, beauty and craft content where a hard geometric wipe would feel too technical.
Read the guideBrush Stroke Animations
Pick a brush preset and set the stroke color, width and speed. The stroke draws itself along a path and can wipe the frame, highlight a word or splatter behind a title. Export transparent WebM to keep the paper texture over your own footage.
Read the guideNumber Counters
Choose a counter preset, set the start and end values, decimals, prefix and suffix, then pick the duration and easing. The number counts up in the preview exactly as it will in the export, which you can drop into a report, an ad or a social post.
Read the guideAnimated Infographics
Enter your values and labels into a chart preset, set the colors, and choose how fast the bars grow or the line draws. Export MP4 for a slide or transparent WebM to place the chart over a presenter, with no spreadsheet or plugin involved.
Read the guideLoading Animations
A good loader starts instantly, loops seamlessly and suggests progress rather than time. Keep the motion under one and a half seconds per cycle, use a single accent color, and export a transparent WebM so it can sit over any app screen or video.
Read the guideUI Animations
Use a UI preset: a button press, a toggle, a cursor click, a card flip or a toast. Type your own labels, set your product colors, and export transparent WebM. The interaction reads clearly even when the real app is still in design.
Read the guideAnimated Frames
Use a frame when you need to separate inserted content from the main shot: a photo, a quote, a webcam, a product. Corner brackets and chasing borders draw the eye to a region, and a transparent export lets the footage stay visible inside.
Read the guideBadges & Stickers
Pick a badge preset, type the offer, set the colors, and export a transparent WebM. Drop it in a corner over your product shot and trim it to a couple of seconds. A pop or slam entrance reads better than a fade for anything price related.
Read the guideCaptions & Subtitles
Most social video is watched without sound, so captions carry the message. Word-by-word styles also hold attention by giving the eye something to follow, which lifts retention on Shorts, Reels and TikTok compared with a static subtitle block.
Read the guideAudio Visualizers
Export an audio visualizer preset, place it over your artwork or video, and lay your audio underneath in your editor. Spectrum bars, waveforms and pulsing orbs give a static episode clip the movement social platforms reward.
Read the guideCountdowns & Timers
Pick a countdown preset, set the starting time and format, choose the colors, and export at the exact duration you need. Flip clocks, ring timers and deadline boxes all count down in real time, so the clip length matches the countdown itself.
Read the guideNews & Broadcast
Use a ticker preset, enter your headlines, set the scroll speed and colors, and export. A breaking news banner and a headline bar cover the rest of a bulletin look, and transparent exports let them sit over your own footage or a studio plate.
Read the guideScoreboards & Stats
Use a score bug preset, enter the team names and scores, set the colors, and export a transparent WebM. Pin it to a top corner for the length of the clip, and cut to a full-frame leaderboard or final score card between plays.
Read the guideChat & Social
Use a chat preset, type each message in order, and set the colors for sent and received bubbles. Typing indicators and timed bubble entrances give the conversation a rhythm, and a transparent export lets it sit over any background.
Read the guideHUD & Sci-Fi Interface
A HUD overlay is a heads-up display graphic, a radar sweep, a target lock, a scanning frame or a telemetry readout, that sits over footage to suggest a machine is watching. Export it transparent and it composites over any shot without a matte.
Read the guideFilm & Retro Textures
Lay a grain, burn or tracking overlay on the track above your footage and set it to a low opacity. Real analog artifacts are inconsistent, so short bursts of tracking error or a single burn between scenes read better than a constant filter.
Read the guideCartoon FX
Cartoon FX are hand-drawn style elements, smoke puffs, speed lines, impact stars and comic captions, that exaggerate a moment. They are exported with transparency and placed over footage, usually for two to eight frames on the beat of the action.
Read the guideScience & Medical
Instead of licensing stock, edit a preset: a DNA helix, an ECG monitor, a beating heart, dividing cells or a lab flask. You set the colors, speed and labels, and export MP4 or transparent WebM with a commercial license included.
Read the guideTrading & Markets
Pick a market preset, set your values and colors, and choose how fast the candles print or the ticker scrolls. Export MP4 for a full screen or transparent WebM to place the chart over a presenter, with no terminal screenshot required.
Read the guideHolidays & Celebrations
Choose a seasonal preset, type your greeting, set the colors to your brand, and export. Lanterns, diyas, candles and garlands work as a backdrop for a message, and a transparent export lets the decoration sit around your own footage.
Read the guideMaps & Routes
Use a map preset: set your start and end points, choose the line color and speed, and the route draws itself between pins. Flight paths, delivery routes and rotating dot globes all export as MP4 or transparent WebM for use over any background.
Read the guideFlags & Banners
Pick a flag preset and set the colors of the bands or upload your own artwork where supported. The wave is simulated per frame, so the cloth keeps moving naturally for as long as you need, and a seamless loop avoids a visible restart.
Read the guideNetworks & AI
Show structure rather than magic: a neural network firing layer by layer, a prompt streaming into tokens, an agent graph routing a task, a data pipeline moving records, or a rack serving requests. Each one gives narration something concrete to point at.
Read the guideWeather Graphics
Use a forecast preset: enter the days, temperatures and conditions, set your colors, and export. Storm fronts, rain radar sweeps and severe weather alert bars cover the rest of a bulletin, and everything adapts to vertical for social clips.
Read the guidePaper Cutout
It is a style where shapes look torn, layered and slightly imperfect, as if cut from paper and moved by hand. Torn paper transitions, layered parallax scenes and tape labels bring warmth to explainers and craft content that flat vector motion cannot.
Read the guideCybersecurity
Use the familiar vocabulary: a shield locking, text scrambling into ciphertext, a firewall blocking traffic, a fingerprint scanning, a 2FA code arriving, or an attack map lighting up. Each one gives a security claim something concrete on screen.
Read the guideGreen Energy
Clean line art beats stock photography for sustainability claims. A turbine turning, a battery charging from solar, a recycling loop closing or a net zero chart falling to the line each show a process rather than a mood, and they stay honest about what is being claimed.
Read the guideSpotlight & Focus
Use a before-after wipe: place both images or clips in the preset, set the wipe direction and speed, and let the line travel across the frame. A spotlight or magnifier does the same job for a single detail inside one image.
Read the guideDevice Mockups
Use a device mockup preset, upload a screenshot, and let the phone, laptop or browser frame animate around it. The result is a clean product shot with no glare, no hand and no camera, exported as MP4 or transparent WebM.
Read the guideShop & Ecommerce
Three beats do most of the work: the price drop, the social proof, and the call to action. An add-to-cart animation, a star rating and a promo code give a viewer the reason, the reassurance and the next step in under ten seconds.
Read the guideEducation & Explainers
Structure beats decoration. A step sequence shows where the viewer is, a definition card fixes a term, a quiz creates a pause, and a flashcard flip rewards attention. Each one gives the narration something to land on.
Read the guide3D Animations
Yes, for the kind of 3D that video work actually uses: extruded text, spinning logos, rotating coins, cube grids and isometric stacks. These render on a 2D canvas as clean geometry, loop seamlessly and export as MP4 or transparent WebM.
Read the guideLive Stream Overlays
Four cover most streams: a be-right-back screen, a webcam frame, an alert for new followers, and a goal bar. Export the alert and frame as transparent WebM so they sit over gameplay, and keep the BRB screen as a looping full-frame MP4.
Read the guideGaming FX
Use gaming presets as overlays: a level-up burst on a win, an achievement plaque for a milestone, a health bar for tension, a combo counter for a streak. Export transparent WebM and place them over gameplay footage on the beat of the action.
Read the guideReactions & Memes
Use a caption block preset, type the line, and place it at the top or bottom of the frame. Pair it with an emoji reaction pop or an impact stamp on the punchline, and export transparent WebM so the joke lands over your own footage.
Read the guidePolls & Tier Lists
Use a poll result preset: enter the options and percentages, set the colors, and let the bars fill in order. A tier list board, a this-or-that card or a top ten reveal covers the same audience-participation format with a different shape.
Read the guide
velements