#What is Limeplay?

Limeplay is a free, open-source UI component library designed to simplify building modern, feature-rich video players in React applications. Powered by Shaka Player (Google’s industry-standard media engine) and styled with shadcn/ui, its primary goal is to provide developers with accessible, composable, and fully customizable video player components—without managing playback logic. Targeting developers building streaming platforms, e-learning apps, or media dashboards, Limeplay separates UI from playback logic, offering a headless architecture that supports DASH, HLS, DRM, and adaptive bitrate (ABR) streaming. Components are installed via shadcn CLI (npx shadcn add @limeplay/linear-player) and are fully WAI-ARIA compliant, keyboard-navigable, and screen reader friendly. For shadcn/ui users, Limeplay is a perfect fit, leveraging shadcn/ui’s accessible foundation to deliver production-ready video players with minimal effort.

#Features ⚡

• Headless Architecture: Full control over UI while Shaka Player handles playback.

• Shadcn/UI Integration: Beautiful, accessible components using Radix UI and Tailwind CSS.

• Accessibility: WAI-ARIA compliant, keyboard shortcuts, screen reader support.

• Streaming Standards: DASH, HLS, DRM (Widevine, PlayReady), ABR streaming.

• CLI Support: Add components with npx shadcn add @limeplay/linear-player.

• Responsive Design: Tailwind CSS ensures players adapt to all screen sizes.

• Type Safety: TypeScript ensures robust, error-free development.

#Pros ✅

• Industry-Grade Playback: Shaka Player supports Netflix-level streaming standards.

• Free and Open-Source: MIT license allows unrestricted use and modification.

• ShadCN UI Fit: Perfect for shadcn/ui with React and Tailwind foundation.

• Accessibility-First: Full keyboard and screen reader support.

• Easy Integration: Copy-paste model with CLI simplifies adding components.

#Cons ⚠️

• React Dependency: Limited to React projects, though fitting for shadcn/ui.

• Setup Complexity: Requires shadcn/ui, Tailwind CSS, and Shaka Player setup.

• Learning Curve: Familiarity with streaming protocols and shadcn/ui needed.

• Early Stage: May lack advanced UI variations compared to commercial players.

#Included Components - Templates

Limeplay provides shadcn/ui-powered video player components:

• Linear Player: Full-featured player with controls, progress, volume, and settings.

• Playback Controls: Play/pause, seek, volume, fullscreen, picture-in-picture.

• Quality Selector: Manual ABR level selection.

• Subtitle/CC Menu: Track selection and styling.

• Playback Rate: Speed control (0.5x–2x).

#Pricing 💸

Limeplay operates on a Free model:

• Free Access: All components free under MIT license.

• No Pro Version: No premium features or paid tiers.

#Integrations 🧰

Limeplay integrates with:

• React: Core framework for component composition.

• ShadCN UI: Accessible component library for UI structure.

• Shaka Player: Industry-standard playback engine for DASH/HLS/DRM.

• Tailwind CSS: Utility-first styling for responsive design.

• TypeScript: Ensures type-safe player configuration.