React Video Player Components

Dev Design Library indexes 22 React video player components from 15 open-source UI libraries, with the most coming from Cult UI, Pixel Perfect, Magic UI, LocalMode and ReactFrame. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React. Video player components belong to the Media group.

• Hero Video DialogMagic UI · ReactA hero video dialog component.
• Bg MediaCult UI · ReactBackground media component with video/image support and overlay effects
• VideoLobe UI · ReactVideo component for displaying video content with customizable controls, preview mode, and various styles. It supports…
• Aspect Ratio 04 - Video ThumbnailShadcn Space · ReactA 16:9 video thumbnail with a play button overlay and duration badge.
• Cd Envelope PlayerPixel Perfect · ReactA CD slides out of a paper sleeve and spins up into a now-playing card — grooved disc, moving sheen and a play/pause…
• Corner Videouselayouts · ReactA compact corner video player with smooth open/close morphing, autoplay, mute, enlarge, hover controls, and video…
• Floating ViewerSona UI · ReactAn in-page media surface that automatically or manually detaches, stays within viewport bounds, snaps to a corner, and…
• Mobile Video PlayerWatermelon UI · React
• Video playerHextaUI · ReactA video player with a scrubbable seek bar, auto-hiding controls, keyboard shortcuts, speed, picture in picture and…
• Live Tracker BlockLocalMode · ReactReal-time MediaPipe streaming trackers on live webcam video — one 4-mode block: Hands (21-point skeleton +…
• Webgl VideoAtelier UI · React
• Video PlayerSora UI · ReactDependency-free custom video player: modal overlay, chaptered timeline, hover-scrub preview, speed menu…
• Synt X Hardware Media PlayerCue Foundations · React
• TikTok Post MockupReactFrame · ReactA full-bleed 9:16 TikTok feed mockup with a Following/For You tab bar, a side action rail (like/comment/save/share)…
• Webcam Pixel GridAceternity UI · React
• Video TextMagic UI · ReactA component that displays text with a video playing in the background.
• Hover Video PlayerCult UI · ReactVideo player component that plays on hover with smooth animations
• Hover Expand PlayerPixel Perfect · ReactA compact player pill that springs open on hover — the corners morph, the album art grows into place, and the full…
• Video CanvasLocalMode · ReactA mirrored 16:9 webcam surface — a video element with a pixel-aligned transparent canvas overlay for landmark /…
• Video Glow LightboxReactFrame · ReactA single video card with a pulsing glow-blob frame that morphs into a fullscreen lightbox on click, supports direct…
• Youtube Video PlayerCult UI · ReactYouTube video player component with custom controls and smooth animations
• Text VideoPixel Perfect · ReactVideo masked text effect.

Libraries with React video player components

• Cult UI
• Pixel Perfect
• Magic UI
• LocalMode
• ReactFrame

Related categories

• Video Player Components
• Tailwind CSS Video Player Components
• Animated Video Player Components
• React Media Components
• React Icon Components
• React Image Components
• React Gallery Components
• React Logo Components
• React Mockup Components
• React Animated Icon Components
• React Audio Visualizer Components
• React Scene 3D Components
• React QR Code Components
• React Image Zoom Components
• React Icon Set Components
• React Image Compare Components