Components
Composable UI components for building media player interfaces.
Pre-built, accessible components that connect to Limeplay's feature stores. Each component is copied into your project — modify styles, behavior, and markup freely.
Structure
| Component | Purpose | Required Feature |
|---|---|---|
| Media Provider | Creates the store and event emitter | — |
| Media | Renders <video> or <audio> element | mediaFeature |
| Player Layout | Structural containers for the player | mediaFeature |
| Playback Control | Play/pause toggle | playbackFeature |
| Volume Control | Volume slider | volumeFeature |
| Mute Control | Mute toggle | volumeFeature |
| Timeline Control | Seek slider | timelineFeature |
| Timeline Labels | Time display (elapsed, duration, remaining) | timelineFeature |
| Seek Controls | Skip forward/backward buttons | timelineFeature |
| Playback Rate | Speed selector | playbackRateFeature |
| Picture-in-Picture | PiP toggle | pictureInPictureFeature |
| Captions | Text track container and toggle | captionsFeature |
| Fallback Poster | Poster image for loading/PiP | mediaFeature |
Installation
Install any component via the shadcn CLI:
npx shadcn add @limeplay/playback-controlEach component requires its corresponding feature to be registered in createMediaKit.