Motion
Entrances, exits, and emphasis primitives that wrap any element and animate it on the timeline.
Motion primitives wrap an element and animate how it enters, leaves, or draws attention. They take frame-based delays and durations, so they compose inside sequences and staggers.
Blur In
npx remotion-ui@latest add blur-in
Confetti Burst
npx remotion-ui@latest add confetti-burst
Depth of Field Blur
npx remotion-ui@latest add depth-of-field-blur
Fade In
npx remotion-ui@latest add fade-in
Fade Out
npx remotion-ui@latest add fade-out
Glow Pulse
npx remotion-ui@latest add glow-pulse
Motion Trail
npx remotion-ui@latest add motion-trail
Orbit Motion
npx remotion-ui@latest add orbit-motion
Parallax Layers
npx remotion-ui@latest add parallax-layers
Progress Bar
npx remotion-ui@latest add progress-bar
Rotate In
npx remotion-ui@latest add rotate-in
Scale In
npx remotion-ui@latest add scale-in
Scanline CRT
npx remotion-ui@latest add scanline-crt
Shake Emphasis
npx remotion-ui@latest add shake-emphasis
Skew In
npx remotion-ui@latest add skew-in
Slide Left
npx remotion-ui@latest add slide-left
Slide Up
npx remotion-ui@latest add slide-up
Spring In
npx remotion-ui@latest add spring-in
Squash Stretch
npx remotion-ui@latest add squash-stretch
Stagger Children
npx remotion-ui@latest add stagger-children