Components
Every component in remocn, grouped by category
A complete index of every component in remocn. Browse by category or jump straight to the one you need.
Layout
Scene scaffolding — backgrounds and camera wrappers.
Backdrop
Full-frame fill with an optional rounded, shadowed content frame for any scene
Drift
Wrap any scene in a slow camera push-in so no frame is ever static
Typography
Text effects, reveals, and kinetic type.
Reveals
SoftBlurIn
Per-character fade-in with a gentle blur and upward motion
PerCharacterRise
Letters slide up from below with no blur — crisp and kinetic
BottomUpLetters
Letters rise from below in a pronounced staircase, one symbol at a time
TopDownLetters
Letters descend from above in a pronounced staircase, one symbol at a time
Handwrite
Letters laid down one pose at a time, each with its own slant and baseline wobble
SpringScaleIn
Words pop in with a soft overshoot scale, like a spring settling
MicroScaleFade
A calm, tiny scale pop for subtle premium polish
ScaleDownFade
Subtle premium settle-in with a restrained scale-down fade on exit
BlurOutUp
Words arrive clean and depart upward with increasing blur
FocusBlurResolve
A premium focus pull from heavy blur to crisp text, then a soft blur-out exit
LineByLineSlide
Each line slides in from the left with a staggered flow
StaggeredFadeUp
Words rise from below with a soft cascading delay
MaskRevealUp
Lines reveal upward with a soft masked feel and compact stagger
TrackingIn
Letter-spacing collapses from wide to normal with a spring snap
Highlights
InlineHighlight
Animates one word inside a sentence from a base color to a brand color
MarkerHighlight
Marker bar sweeps in behind a phrase, optionally inverting the text color
InkUnderline
A hand-dragged ink stroke that draws itself across in a few stop-motion poses
ShimmerSweep
Bright gradient sweeps across dim text, lighting it up
Dynamic Text
Typewriter
Character-by-character text reveal with a deterministic blinking cursor
HandCount
A number that counts up in stop-motion poses, rewritten by hand at every pose
SlotMachineRoll
Numbers and characters roll into place like a casino reel
RolodexFlip
Cycle a word through a list of values with a 3D rolodex card flip
ValueSwap
Swap a value in place with a vertical slide so the layout never shifts
Hero & Display
InfiniteMarquee
Endlessly scrolling horizontal text band
PerspectiveMarquee
Marquee tilted into 3D space with depth fade
Tech & Glitch
MatrixDecode
Random characters scramble and resolve into the target string
RGBGlitchText
Three-channel RGB split with a brief horizontal jitter
Text Transitions
PerWordCrossfade
One phrase fades out as the next fades in, word by word
FadeThrough
Old text fades out as new fades in, Material-style
SharedAxisY
Per-word hard-cut staircase for sharp editorial swaps
SharedAxisZ
Scale-based depth transition for focus shifts
Kinetic
ShortSlideRight
The whole phrase glides in from the left while words reveal in sequence
KineticCenterBuild
Words enter from the right and push the line until the phrase locks centered
ShortSlideDown
Words drop in from above and stack into a centered composition
UI Blocks
Pre-assembled interface elements: code editors, layouts, charts, and workflow visualizations.
Code & CLI
GlassCodeBlock
Premium frosted-glass code window with rim light and traffic-light controls
TerminalSimulator
CLI build simulation with chunked log output and step-function scrolling
TerminalCursorZoom
Camera rides the typing cursor, dollying across a terminal as a command types at high zoom
Data & System
AnimatedLineChart
SVG line chart drawn left-to-right via stroke-dashoffset
AnimatedBarChart
Bars spring up from the baseline with deterministic stagger
Paper & Scrapbook
CheckList
A handwritten checklist that writes itself out, then ticks and strikes through every done item
PaperSticker
A taped paper chip that slaps onto the scene over two stop-motion poses
Polaroid
An instant-photo frame with a handwritten caption for video, images, or live compositions
Reel
A fixed centered card where images stack on the z-axis and each blooms open over the last
Transitions
Scene transitions, camera moves, and stylized wipes.
Camera Motion
WhipPan
Whip the camera sideways with motion blur so both scenes fly through in one move
PushThrough
Dolly through the outgoing scene while the next one approaches from the depth
FocusPull
Rack focus from one scene to the next through a soft defocus breath
ZoomBlur
Push the outgoing scene through the viewer while the incoming one resolves out of blur
PageTurn
The exiting scene swings up and away like a notebook page in stop-motion poses
Shader
SwirlDissolve
Unwind a swirl shader open and wind it shut to reveal the next scene
DitherDissolve
Dissolve one scene into the next through a drifting field of dither pixels
PerlinDissolve
Sweep a perlin-noise threshold across the frame to dissolve into the next scene
SmokeDissolve
Expand a smoke ring outward across the frame to reveal the next scene
GrainDissolve
Disintegrate the outgoing scene into soft grainy shapes and condense the next out of the noise
WaveWipe
Sweep a grainy wave up across the frame and reveal the next scene from below
RippleZoom
Fly the camera through the center of grainy ripple rings while the next scene approaches from the depth
WarpDissolve
Melt the outgoing scene into a folding domain-warp field that straightens into the next
Stylized
AsciiDissolve
Dissolve one scene into the next through a drifting field of ASCII glyphs
CaretWipe
Sweep a typing caret across the frame, wiping the outgoing scene into the next
IconScatter
Scatter a field of icons over the cut, hiding the scene swap at the field's peak
GlitchCut
Tear a hard cut into displaced slices with channel split and corrupted blocks
EmberBurn
Set the outgoing frame on fire so it boils, chars, and blows away as sparks that carry its own colour
ParticleDissolve
Grind the frame into drifting grey dust and let the next scene coalesce back out of it
GridWave
Send a wave across the frame that raises the picture into solid blocks and sets them down carrying the next scene
Displacement
Shear the frame into a grid of offset colour-fringed tiles and settle them back on the next scene
Graphic Cuts
Bold, showy cuts built from plain CSS and SVG: shapes, slats, torn paper, streaks and light. No dependencies beyond Remotion.
IrisWipe
Close a cartoon iris on the subject, hold it as a dot, then open it on the next scene
VenetianBlinds
Turn the outgoing scene edge-on in staggered horizontal slats to reveal the next one
PaperTear
Rip the frame down the middle and fling both torn halves apart on impact
PixelSort
Melt the scene into glowing vertical streaks and drop the next one in column by column
LightLeak
Drift a warm analog light leak across the frame and hard-cut under its blow-out
Hyperspace
Stretch a starfield into streaks, tunnel forward and land on the next scene through a flash
Scene Sequencers
Sequencers rather than presentations — they own the whole run of scenes and the boundary between them.
SlideSwapScenes
Shove one scene off the canvas and spring the next in from the opposite edge
SpringSettleScenes
Shrink a scene away as one group, hold the stage empty for a beat, then land the next from above
Effects
Physical overlays and hand-made motion.
PaperWobble
Per-pose reshoot jitter that makes any content feel hand-placed on a desk
InkArrow
A hand-drawn arrow that draws itself from one point to another, head popping on the final pose
ScribbleCircle
A brush circle that sweeps itself around a region of the frame, opening thin and closing thick
CrumpleToss
Crushes an element into a ball of paper and throws it out of frame
Confetti
A one-shot burst of paper confetti for milestone and celebration beats
Logo Stings
Short brand reveals that land your logo at the open or close of a video.
Orbit Lock
Moons ride tilted, shrinking orbits into a core that bursts into a ring flash, and the logo springs into place
Puzzle Snap
Geometric pieces spin in from scattered positions and snap into a mark with sparks, then the wordmark slides out beside it
Spotlight
A soft stage spotlight searches the dark, overshoots, lands on the logo, and the house lights come up
Neon Sign
A glass neon tube stutters alive segment by segment, buzzes off once, then holds lit with a glow on the wall
Inflate
A flat sliver puffs up like a balloon toy, squashes and settles into a glossy mark, then the wordmark slides out
Liquid Fill
A drop falls into an outlined mark and liquid rises with a sloshing surface and bubbles until the mark is solid
Accordion Unfold
A tight paper zigzag unfolds sideways into a flat card with the logo printed across it
Anamorphic Flare
A point of light stretches into a cinematic horizontal streak that sweeps the frame and reveals the logo behind it
Camera & Physics
Camera moves and simulated physics that give a scene depth and weight.
Camera
Parallax Depth
A layered landscape trucks sideways with a gentle push-in, near layers sliding faster than far ones
Dolly Zoom
The vertigo shot: a corridor stretches while the subject in the middle keeps its exact size
Turntable
A product card with real thickness spins through front, edge and back with face shading and a floor shadow
Tiny Planet
A flat skyline bends into a tiny planet, then keeps turning beside the sun
Exploded View
An isometric stack of slabs springs apart with leader lines and labels, then clicks back together
Physics
Gravity Pile
Seeded shapes rain down, bounce off the floor and each other, and settle into a heap
Cloth Reveal
A simulated satin sheet is yanked off your content from one corner, folding and fluttering out of frame
Impact Shake
Heavy content slams down with a squash, a damped camera jolt, a two-frame RGB split and a dust kick
Graphic Looks
Stylized treatments that restyle a subject as print, film, or a technical drawing.
Riso Print
Two ink plates print the subject; the accent plate slides in off-register, wobbles and settles a hair out of alignment over grainy paper
Line Boil
A hand-drawn outline draws itself, boils on threes like a cel animation, and fills with color while it keeps boiling
Blueprint
A product wipes into a technical drawing with a grid, white linework, dimension lines and a red callout
Duotone Beat
A halftone portrait in two inks that swaps its ink pair on every beat and punches in on the downbeat
Comic Panels
The frame cracks into a three-panel comic page, then the action panel bursts into a full-frame POW
Long Shadow
A flat icon pops in and casts a long shadow to the frame edge, then the light swings and the shadow sweeps around
Synthwave
A retro neon horizon with a scrolling perspective grid, a rising striped sun and mountain ranges that slide in
Brick Mosaic
Toy bricks drop in row by row from the bottom with a small bounce and build a pixel-art image on a baseplate
X-Ray Scan
A glowing bar sweeps across a device and reveals its white-line internals, with one part marked in red
Generative Loops
Seeded, deterministic pattern beds for backgrounds and section breaks.
Pendulum Wave
A row of pendulums with tuned periods drifts from a line into waves and braids, then realigns as a seamless loop
Flow Field
Hundreds of particles ride a seeded vector field and leave fine fading trails, as a seamless loop
Isometric Build
An isometric grid springs up row by row into a stepped block sculpture with one accent tower
Life Grid
Conway's Game of Life on a seeded grid, newborn cells flashing in the accent
String Art
Threads string a ring of pins as a times table, then morph from a cardioid through a nephroid and beyond
Topo Lines
Contour lines around seeded peaks breathe and drift, one line picked out in the accent, as a seamless loop
Phyllotaxis
Seeds spiral out at the golden angle into a sunflower head, then a Fibonacci arm pulses outward
Compositions
Full scenes built by composing primitives and UI blocks.
Hero & Outro
EcosystemConstellation
Central logo orbited by integration satellites with pulsing data lines
InfiniteBentoPan
Camera diagonally drifts across an oversized bento grid behind a soft vignette