Building blocks
for your videos
Open Source component kit for Remotion.
Save time building programmatic videos.
Designed for engineers.
Skip the After Effects license. Build complex motion graphics with the tools you already know and love.
text_fields
Text Effects
Create complex typography animations with ease. Stagger characters, words, or lines. Combine blur, scale, and position offsets for professional reveals.
<AnimatedText
transition={{
y: [40, 0],
blur: [10, 0], // Word-by-word blur
opacity: [0, 1],
split: "word",
splitStagger: 1,
}}
>
Text Transition
</AnimatedText>
grain
Particle System
A complete physics-based particle engine. Simulate rain, confetti, or starfields with customizable behaviors.
Motion Primitives
Declarative entry and exit animations. Chain fades, slides, and scaling without managing complex interpolations manually.
integration_instructions
Type Safe
First-class TypeScript support. Autocomplete for every prop and component.
content_copy
Copy-Paste Ready
Install components directly into your codebase. Own the source, customize endlessly, and suffer zero bloat.
Start creating in seconds.
➜ npm install remotion-bits
Requires React 18+ and Remotion 4.0+.
Read the setup guide