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.
Typography
Text effects, reveals, and kinetic type.
Reveals
BlurReveal
Text fades in from a heavy blur into sharp focus.
StaggeredFadeUp
Words rise from below with a soft cascading delay.
MaskedSlideReveal
Lines grow out from behind an invisible horizontal mask.
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.
TextFadeReplace
Cross-fades between two strings on the same line. Includes a Strikethrough variant.
SlotMachineRoll
Numbers and characters roll into place like a casino reel.
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.
Core Primitives
Foundational micro-interactions and reusable building blocks.
Animations
SpringPopIn
Elastic scale pop with configurable overshoot.
PulsingIndicator
Continuous sine-driven pulse for loading or activity states.
SuccessConfetti
Deterministic particle burst from a chosen origin point.
Interactions
CursorFlow
Realistic mouse that arcs along Bezier paths and clicks targets that dip in response. Includes a SimulatedCursor variant.
BoundingBoxSelector
Figma-style selection rectangle that snaps around a target.
ToastNotification
System toast that springs in, holds, and slides away.
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.
CodeAccordion
Long code blocks collapse mid-section, hiding noise behind a count badge.
CodeDiffWipe
Before/after comparison with a clip-path slider revealing the new code.
Layouts
StaggeredBentoGrid
Bento grid where cards cascade in with per-cell sequences.
DynamicSplitScreen
Two-column split where one panel shrinks and the other expands into view.
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
ProgressSteps
Multi-step pipeline visualization with line fill and pulsing dots.
DragAndDropFlow
Cursor drags a file into a drop zone that lights up and starts a progress bar.
Transitions
Scene transitions, camera moves, and stylized wipes.
Camera & Scale
ZoomThroughTransition
Aggressive scale-in 'through' an element to the next scene.
DeviceMockupZoom
Pull back from a UI to reveal it inside a phone or laptop frame.
MorphingModal
Card lifts off a grid and expands into a full-screen modal.
Spatial Wipes
DirectionalWipe
Slide one scene in while pushing the other out.
SpatialPush
A new scene physically presses the old one back into the frame.
FrostedGlassWipe
Elegant scene transition through a sliding pane of frosted glass.
KineticTypeMask
Use giant typography as a window into the next scene.
Stylized
GridPixelateWipe
Dissolve from one scene to the next through a deterministic grid of mask cells.
ChromaticAberrationWipe
An ultra-fast slide transition with an RGB glitch on the peak frames.
Compositions
Full scenes built by composing primitives and UI blocks.
Hero & Outro
HeroDeviceAssemble
Floating device layers spring into a laptop or phone, then the screen wakes with a shimmer.
EcosystemConstellation
Central logo orbited by integration satellites with pulsing data lines.
InfiniteBentoPan
Camera diagonally drifts across an oversized bento grid behind a soft vignette.
Product Showcases
BrowserFlow
Full Safari/Chrome simulation: URL typing, loading bar, scroll, and click.
AIGenerationCanvas
Prompt input morphs into a header, then a skeleton dashboard flips into populated cards.
LiveCodeCompilation
Split-screen where typed code on the left snaps a live UI preview on the right.
TerminalToBrowserDeploy
CLI deploy completes, terminal blurs back, and a browser window springs from the deploy URL.
App States & Journeys
DashboardPopulate
Empty dashboard cascades to life with KPI count-ups, bar bounces, line traces, and a donut fill.
PipelineJourney
Kanban ticket flies between columns, triggering events on landing.
PricingTierFocus
Three pricing cards where the focused tier rises and brightens while siblings dim and blur.