animation glossary
Animation Terms, Explained With Working Examples
When you search for an animation you are not sure what to call it — "the text that flickers and breaks," "the numbers that roll up," "the zoom that punches in." This glossary maps those search terms to real, renderable Remotion shots. Each entry has a plain-English definition, a video example, and a copy-paste agent brief.
Glossary
Glitch Text EffectA glitch text effect makes letters flicker, tear, shift, or break into RGB-split fragments to mimic a corrupted digital signal.1 exampleCount Up AnimationA count up animation runs a number from zero to a target value with eased timing, often styled as an odometer, a ticker, or a wallet balance.4 examplesAI Typing EffectAn AI typing effect shows a chat or code assistant generating a reply character by character, with a blinking caret and a streaming feel.4 examplesToggle AnimationA toggle animation is a switch that slides, knobs, and bounces between on and off states to confirm a setting change.1 exampleCrash ZoomA crash zoom is a rapid, punchy camera push into the subject that adds energy and emphasis, often paired with a blur burst.3 examplesSkeleton LoadingA skeleton loading state shows gray placeholder shapes shaped like the content — text lines, avatars, cards — while the real data loads.1 exampleWhip Pan TransitionA whip pan transition is a rapid horizontal camera swing that blurs the frame and lands on the next scene, using the motion blur to hide the cut.1 exampleSplit Flap AnimationA split flap animation mimics airport departure boards: each character is a flap that flips over several jumbled states before locking on the final letter.2 examplesTypewriter EffectA typewriter effect reveals text character by character from left to right, as if a machine is typing it, often with a blinking caret.3 examplesMicrointeractionA microinteraction is a small, functional animation — a toggle, a ripple, a scroll snap — that gives the user feedback on a single action.3 examplesConfetti AnimationA confetti animation launches a burst of colored paper pieces that fly, tumble, and fall to celebrate a milestone, score, or reward moment.2 examplesProgress Bar AnimationA progress bar animation shows a task completing — a bar filling, a card assembling step by step — with eased motion that communicates how much is left.1 exampleStreaming TextA streaming text effect reveals an AI or live-data reply word by word as it is generated, suggesting real-time output without the delay of character-by-character typing.3 examplesParallax ScrollA parallax scroll animation moves background layers at a different speed than foreground content as the user scrolls, creating a sense of depth.2 examples3D Text AnimationA 3D text animation places words in a three-dimensional space where they rotate, fly toward the camera, or settle at different depths.3 examplesParticle AnimationA particle animation uses many small elements — dots, shards, sand grains — driven by physics-like motion to build shapes, celebrate, or add atmosphere.2 examplesNeon Text EffectA neon text effect makes words glow like a lit neon sign — bright outlines, halos, and a warm electric glow against a dark background.3 examplesPage TransitionA page transition animates the change from one screen or scene to the next — wipes, zooms, gradients, or pans that hide the cut inside the motion.4 examplesKinetic TypographyKinetic typography is text that moves — words that scale, fly, scramble, or sync to sound to make the meaning itself part of the motion.4 examplesScramble TextA scramble text effect flashes a row of random characters at high speed, then locks them into the real word one letter at a time.2 examplesSVG MorphAn SVG morph animates a shape smoothly changing from one outline into another by interpolating the points of two vector paths.3 examplesAnimated ChartAn animated chart brings data to life — lines that draw in live, bars that grow, pies that fill — so numbers feel current and impressive.2 examplesGlow TextA glow text effect makes words emit light — a bright core, soft halo, and luminous color that makes the text feel lit from within.2 examplesAnimated GradientAn animated gradient shifts colors, positions, and stops over time — a smooth color flow used as a background or a text effect.3 examplesPage Flip AnimationA page flip animation turns a screen like a page in a book or a 3D cube — the whole frame rotates to reveal the next content block.2 examplesStagger AnimationA stagger animation reveals a group of items one by one with a small delay between each, so the whole set cascades into place.3 examples
Looking for something else?
Browse every animation in the library by category, or search the full catalog by name or keyword.