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