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
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
ShimmerSweep
Bright gradient sweeps across dim text, lighting it up
Dynamic Text
Typewriter
Character-by-character text reveal with a deterministic blinking cursor
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
Environment & Lighting
Backgrounds, lighting, and atmosphere for your scenes.
Backgrounds
MeshGradientBg
Living gradient where soft color blobs drift on noise-driven coordinates
DynamicGrid
Subtle moving grid or dot pattern background
Lighting
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
DataFlowPipes
Glowing data packets fly along SVG pipes with trailing tails
Workflows
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
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
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