@limeplay
Limeplay is an open-source React UI library for building custom video player interfaces, powered by Shaka Player (Google's adaptive-streaming engine) and distributed as a shadcn/ui-style copy-paste registry. Components cover the full player shell: Controls, Progress/Timeline, Playback, Track selector, Volume, Caption, and more. Designed to replace heavy black-box video player SDKs with composable, Tailwind-styled primitives you own. Install via npx shadcn add @limeplay/video-player. Use for: React projects that need a fully customizable HLS/DASH video player UI that integrates naturally with an existing shadcn/ui design system.
51 components react shadcn-cli MIT
Install this registry
shadcn (npm)
npx shadcn@latest add https://limeplay.winoffrg.dev/r/registry.json pnpm
pnpm dlx shadcn@latest add https://limeplay.winoffrg.dev/r/registry.json bun
bunx shadcn@latest add https://limeplay.winoffrg.dev/r/registry.json fetch registry
curl -s https://limeplay.winoffrg.dev/r/registry.json Components
51 total index style
npx shadcn@latest add https://limeplay.winoffrg.dev/r/index.json error-screen ui
npx shadcn@latest add https://limeplay.winoffrg.dev/r/error-screen.json fallback-poster ui
npx shadcn@latest add https://limeplay.winoffrg.dev/r/fallback-poster.json mute-control ui
npx shadcn@latest add https://limeplay.winoffrg.dev/r/mute-control.json media-provider ui
npx shadcn@latest add https://limeplay.winoffrg.dev/r/media-provider.json player-layout ui
npx shadcn@latest add https://limeplay.winoffrg.dev/r/player-layout.json media ui
npx shadcn@latest add https://limeplay.winoffrg.dev/r/media.json volume-control ui
npx shadcn@latest add https://limeplay.winoffrg.dev/r/volume-control.json playback-control ui
npx shadcn@latest add https://limeplay.winoffrg.dev/r/playback-control.json picture-in-picture-control ui
npx shadcn@latest add https://limeplay.winoffrg.dev/r/picture-in-picture-control.json playback-rate ui
npx shadcn@latest add https://limeplay.winoffrg.dev/r/playback-rate.json timeline-labels ui
npx shadcn@latest add https://limeplay.winoffrg.dev/r/timeline-labels.json timeline-control ui
npx shadcn@latest add https://limeplay.winoffrg.dev/r/timeline-control.json limeplay-logo ui
npx shadcn@latest add https://limeplay.winoffrg.dev/r/limeplay-logo.json root-container ui
npx shadcn@latest add https://limeplay.winoffrg.dev/r/root-container.json captions ui
npx shadcn@latest add https://limeplay.winoffrg.dev/r/captions.json seek-controls ui
npx shadcn@latest add https://limeplay.winoffrg.dev/r/seek-controls.json video-player block
Modern seamless flat video player
npx shadcn@latest add https://limeplay.winoffrg.dev/r/video-player.json Audio Player block
Compact audio player with playlist support
npx shadcn@latest add https://limeplay.winoffrg.dev/r/audio-player.json utils lib
npx shadcn@latest add https://limeplay.winoffrg.dev/r/utils.json time lib
npx shadcn@latest add https://limeplay.winoffrg.dev/r/time.json use-media hook
npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-media.json use-volume hook
npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-volume.json use-controls-visibility hook
npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-controls-visibility.json use-track-events hook
npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-track-events.json use-timeline hook
npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-timeline.json use-player hook
npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-player.json use-asset hook
npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-asset.json use-playback-source hook
npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-playback-source.json use-interval hook
npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-interval.json use-captions hook
npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-captions.json use-playback-rate hook
npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-playback-rate.json use-seek hook
npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-seek.json use-playlist hook
npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-playlist.json use-playback hook
npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-playback.json use-picture-in-picture hook
npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-picture-in-picture.json use-idle hook
npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-idle.json custom-demo-controls ui
npx shadcn@latest add https://limeplay.winoffrg.dev/r/custom-demo-controls.json internal-media lib
npx shadcn@latest add https://limeplay.winoffrg.dev/r/internal-media.json error-screen-demo example
npx shadcn@latest add https://limeplay.winoffrg.dev/r/error-screen-demo.json fallback-poster-demo example
npx shadcn@latest add https://limeplay.winoffrg.dev/r/fallback-poster-demo.json playback-state-control-demo example
npx shadcn@latest add https://limeplay.winoffrg.dev/r/playback-state-control-demo.json picture-in-picture-control-demo example
npx shadcn@latest add https://limeplay.winoffrg.dev/r/picture-in-picture-control-demo.json volume-slider-control-horizontal-demo example
npx shadcn@latest add https://limeplay.winoffrg.dev/r/volume-slider-control-horizontal-demo.json volume-slider-control-vertical-demo example
npx shadcn@latest add https://limeplay.winoffrg.dev/r/volume-slider-control-vertical-demo.json volume-state-control-demo example
npx shadcn@latest add https://limeplay.winoffrg.dev/r/volume-state-control-demo.json timeline-control-demo example
npx shadcn@latest add https://limeplay.winoffrg.dev/r/timeline-control-demo.json timeline-labels-demo example
npx shadcn@latest add https://limeplay.winoffrg.dev/r/timeline-labels-demo.json captions-state-control-demo example
npx shadcn@latest add https://limeplay.winoffrg.dev/r/captions-state-control-demo.json playback-rate-demo example
npx shadcn@latest add https://limeplay.winoffrg.dev/r/playback-rate-demo.json seek-control-demo example
npx shadcn@latest add https://limeplay.winoffrg.dev/r/seek-control-demo.json