Build your player.
UI components and hooks for building media players on the web. Robust, customizable, and accessible.
 Accessible.  
  Built for all.   
  -  Announcements
Informative screen reader updates for media state changes.
Learn more -  Labels
Clear semantic labels and roles for screen readers.
Learn more -  Captions
Consistent and customizable captions across browsers.
Learn more -  Audio
Multitrack audio support for i18n and descriptions.
Learn more -  Keyboard
Full keyboard navigation support and shortcuts.
Learn more -  Focus
Robust focus management and clear indicators.
Learn more -  Color
Accessible contrasts and color scheme options.
Learn more -  Tooltips
Popover text to provide more helpful descriptions.
Learn more -  Motion
Reduced motion support for vestibular disorders.
Learn more -  Customize
Tailored user settings for all player preferences.
Learn more -  Compliant
WCAG 2.2, WAI-ARIA, and CVAA spec-compliant.
Learn more 
 Features.  
  Built to satisfy.   
  -  TypeScript
First-class TS support including types for multiple frameworks.
 -  Player API
Comprehensive set of props, methods, events, and more.
Learn more -  Components
Modular and reusable player components, ready to compose.
Learn more -  Hooks
Convenient player hooks for React.
Learn more -  Architecture
Robust player architecture tested at scale at Reddit.
Learn more -  Accessible
Built-in accessibility features.
Learn more -  Frameworks
Support for multiple JS frameworks.
Learn more -  Bundler Plugins
Auto-setup for various bundlers including Vite, SvelteKit, Nuxt, and more.
Learn more -  VS Code
IDE plugin for auto-completions and docs.
 -  Providers
Load various source types including HLS, DASH, and more.
Learn more -  Live Streams
Extensive live streaming support and API.
Learn more -  SSR
Server-side rendering support.
 -  State Management
Easily manage reading and updating media state.
Learn more -  Styling
Customizable headless components, style your way.
Learn more -  Tailwind CSS
Seamless Tailwind integration with our plugin and components.
Learn more -  Layouts
Use production-ready layouts or build your own.
Learn more -  Themes
Light and dark mode support.
Learn more -  I18n
Custom language translations support.
Learn more -  Events
Rich set of normalized media events.
Learn more -  Triggers
Trace events back to their origin.
Learn more -  Load Stratagies
Specify when media should begin loading.
Learn more -  Captions
Customizable captions with support for various formats.
Learn more -  Chapters
Easily navigate content sections.
Learn more -  Thumbnails
Preview and navigate content with images.
Learn more -  Clipping
Trim start and end of media client-side.
Learn more -  Storage
Save player and media settings.
Learn more -  Gestures
Perform actions based on user gestures.
Learn more -  Keyboard
Control player state and components with keyboard input.
Learn more -  Fullscreen
Normalized API across browsers and providers.
Learn more -  PIP
Mutli-task with mini floating players.
Learn more -  Screen Orientation
Rotate screen for an immersive experience.
Learn more -  Audio Gain
Apply gain to output to increase volume.
Learn more -  Audio Tracks
Manage multiple audio tracks.
Learn more -  Text Tracks
Manage captions, subtitles, chapters, and more.
Learn more -  Qualities
Manage multiple playback video qualities.
Learn more -  Remote Playback
Play media on a remote device such as a TV.
Learn more 
-  Player1.0
0.0k UI component library for building video and audio players for the web.
Learn more -  Captions1.0
Modern media captions parser and renderer. Supports VTT, SRT, and SSA.
Learn more -  Icons1.0
Beautifully hand-crafted collection of media icons designed for players.
Learn more -  PlyrArchived
0.0k Simple, lightweight, accessible and customizable media player.
Learn more -  VimeArchived
0.0k Customizable, extensible, accessible and framework-agnostic media player.
Learn more