ActiveTheming/styling40,023
@videojs
Theming/styling · data updated 2026-10-27
Video, audio, and live player skins from Video.js, the open source web video player. Add a full skin or individual controls as editable React and Tailwind CSS source.
aiaudiobuttonsmedianavigationoverlaystablestheming
Install
npx shadcn@latest add https://shadcn.videojs.org/r/react/registry.jsonHealth
StatusActive
Last committoday
License—
Open issues874
ArchivedNo
Stars40,023
Components (41)
audiolive-audiolive-videovideo_menu-chevron_resolve-class-name_style-audio_style-theme_style-videoairplay-buttonaudio-track-menubuffering-indicatorbuttonbutton-tooltipcaptions-buttoncaptions-menucaptions-submenucast-buttoncontainererror-dialogfullscreen-buttonlive-buttonmute-buttonpip-buttonplay-buttonplayback-rate-buttonplayback-rate-submenuposterquality-menuradio-itemseek-buttonseek-indicatorsettings-menusliderstatus-announcerstatus-indicatortime-slidertitlevolume-indicatorvolume-popovervolume-slider
Components: audio, live-audio, live-video, video, _menu-chevron, _resolve-class-name, _style-audio, _style-theme, _style-video, airplay-button, audio-track-menu, buffering-indicator, button, button-tooltip, captions-button, captions-menu, captions-submenu, cast-button, container, error-dialog, fullscreen-button, live-button, mute-button, pip-button, play-button, playback-rate-button, playback-rate-submenu, poster, quality-menu, radio-item, seek-button, seek-indicator, settings-menu, slider, status-announcer, status-indicator, time-slider, title, volume-indicator, volume-popover, volume-sliderPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.