Video rendering and timeline components for React, built on Editframe.
Included Components
109
ShadersClip WipeEditorial EmphasisEmoji PopGlitch RGBGradient FillHighlightKinetic SlamMatrix DecodeNeon AccentNeon GlowParallax LayersParticle BurstPill KaraokeTextureWeight ShiftHero Device AssembleEcosystem ConstellationInfinite Bento PanProduct Launch TrailerBrowser FlowAI Generation CanvasAI Generate OverlayLive Code CompilationTerminal To Browser DeployImage Expand To FullscreenDashboard PopulatePipeline JourneyPricing Tier FocusLanding Code ShowcaseMesh Gradient BackgroundDynamic GridSpotlight CardSpring Pop InPulsing IndicatorSuccess ConfettiCursor FlowSimulated CursorBounding Box SelectorToast NotificationBackdropConfettiLogo EnterZoom Through TransitionDevice Mockup ZoomMorphing ModalDirectional WipeSpatial PushFrosted Glass WipeKinetic Type MaskSwipe Transition WipeGrid Pixelate WipeChromatic Aberration WipeFade ThroughPer Word CrossfadeShared Axis YShared Axis ZBlur RevealStaggered Fade UpMasked Slide RevealTracking InInline HighlightMarker HighlightShimmer SweepTypewriterText Fade ReplaceSlot Machine RollInfinite MarqueePerspective MarqueeRGB Glitch TextStrikethrough ReplaceBlur Out UpBottom Up LettersTop Down LettersPer Character RiseSoft Blur InMicro Scale FadeScale Down FadeFocus Blur ResolveSpring Scale InLine by Line SlideMask Reveal UpShort Slide RightGlass Code BlockTerminal SimulatorCode AccordionCode Diff WipeStaggered Bento GridChat To Preview LayoutAnimated Line ChartAnimated Bar ChartData Flow PipesProgress StepsDrag And Drop FlowJuly 2, 2026 - Shader ComponentsEdit this pageFollow @shadcnlabsJoin communityCaptionsCompositionsEnvironmentCore PrimitivesTransitionsUI BlocksVideo Timeline TrackKeyframe ScrubberMedia Composition CanvasPlayback Control BarExport Progress Indicator
framecn delivers programmatic video rendering and dynamic canvas composition components for React. Built on Editframe and styled within the shadcn aesthetic, it allows developers to build browser-based video editors, animated social clips, and programmatic timeline renders.
