Open-source alternatives to Videojs Player

MediaElement is a JavaScript library that wraps native HTML5 audio and video elements to provide a unified media interface and a customizable player framework. It acts as a multi-format media controller and a web-based plugin framework, normalizing playback controls and visual styles to ensure a consistent experience across different web browsers. The project distinguishes itself through a plugin-based playback system that maps specific MIME types to custom renderers, allowing the integration of third-party media embeds and external playback engines. It supports advanced delivery features inc

Effector is a reactive state management library and data flow orchestrator designed for building complex, event-driven applications. It models application logic as a directed acyclic graph, where state updates and asynchronous side effects propagate automatically through declarative pipelines. By decoupling business logic from user interface layers, it allows developers to maintain state in independent containers that communicate via standard interfaces, ensuring the system remains framework-agnostic. The library distinguishes itself through its robust support for isolated execution scopes, w

xgplayer is a plugin-based HTML5 video player framework that supports multiple streaming formats including MP4, FLV, HLS, and dash. It is built on a component architecture that allows developers to extend functionality through self-contained plugins, with staged loading protocol adapters that reduce bandwidth usage. The player includes a strategy center for dynamic optimization that adjusts buffering, bitrate, and source selection in real time to reduce first-frame delay and playback stalling. The player distinguishes itself through support for ultra-low latency live streaming with time-shift

This project is a graphical user interface for the command-line media engine, designed to simplify complex playback management and configuration for desktop users. It functions as a cross-platform media player that provides a visual layer for controlling local and remote video files, hardware-accelerated rendering, and advanced shader processing. The application distinguishes itself by replacing manual text-based configuration and command-line arguments with centralized visual menus. It enables users to manage engine parameters, rendering drivers, and performance profiles through an intuitive

This project is a cross-platform mobile audio player and native audio playback engine for React Native. It functions as a media session manager that integrates audio controls into device lock screens, system notifications, and external Bluetooth headsets. The library features a dedicated mobile audio caching engine that preloads and stores content on disk to enable offline playback and gapless transitions. It also includes an automotive media interface that exposes audio content and playback controls to vehicle head units and car dashboards through hierarchical media browsing. The system cov

Media Chrome is a library of modular, accessible web components designed for building custom audio and video player interfaces. It functions as a framework-agnostic toolkit that communicates with native media elements to manage playback state, user interactions, and media metadata. The library distinguishes itself through a component-based architecture that relies on standard web technologies to ensure compatibility across different frontend environments. It uses a centralized controller to synchronize state between independent interface elements, allowing developers to compose bespoke player

This project is an Apple TV video application and API client for Bilibili, designed to stream video content with support for HDR and subtitles. It serves as a specialized media player that integrates with Bilibili services to provide video discovery and user account management. The application features a real-time danmaku renderer that overlays scrolling user comments on top of video playback. It includes a plugin-based player system for adding custom overlays and behavioral modifications, as well as tools for adjusting playback speed and skipping sponsored segments. The system covers adapti

React Google Maps API is a component library designed to embed interactive Google Maps and geographic overlays inside React applications using declarative markup. It provides tools for building responsive mapping interfaces within component-based architectures to handle user navigation and location data. The library manages the integration by wrapping imperative mapping library instances inside declarative component lifecycles, translating React updates into the appropriate DOM mutations. It includes an asynchronous script injection loader that tracks and initializes external script dependen

DPlayer is a web-based HTML5 video player designed as a modular frontend component for embedding interactive media into web applications. It provides a unified interface for controlling playback and extends native browser capabilities to support complex streaming protocols such as HLS, DASH, and FLV. The player distinguishes itself through a built-in real-time comment system, which renders scrolling or static text overlays directly over the video content to facilitate viewer engagement. To optimize delivery, it incorporates peer-to-peer networking, allowing connected clients to share video st

This library provides a native component for embedding web-based video players directly into iOS applications. It functions as a bridge that allows developers to display external video content within a sandboxed browser engine instance while keeping users inside the native application environment. The project facilitates bidirectional communication between the native application layer and the embedded web player. It utilizes a command-pattern wrapper to translate native method calls into script injections, enabling programmatic control over playback actions such as playing, pausing, or seekin

This project is a React-based video frontend designed as a YouTube clone. It provides a user interface for browsing and playing video content, recreating the layout and navigation of a professional video sharing platform. The interface is constructed using Tailwind CSS to implement a responsive web design. It focuses on the development of a video streaming layout, including the implementation of video players, sidebars, and navigation elements.

Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications. The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface. The library covers a wide range of interactive int

Video.js is a customizable HTML5 video player framework and JavaScript media plugin system. It provides a foundation for rendering and controlling web video playback across different devices and screen sizes, supporting both standard HTML5 integration and adaptive bitrate streaming for live or on-demand content. The project is distinguished by a modular architecture that allows for the extension of playback functionality through a class-based plugin system and middleware-based method interception. This enables the development of tailored media interfaces and the integration of specialized beh

Fluid Player is a web-based media playback library designed to embed lightweight, responsive video players into websites. It supports standard video formats and adaptive streaming across modern browsers, providing a foundation for consistent media delivery and custom interface branding. The library distinguishes itself through integrated support for industry-standard advertising protocols, allowing for the injection and orchestration of linear and non-linear video advertisements. It includes built-in tracking for viewer engagement and performance metrics, ensuring that ad delivery is synchron

Remotion is a programmatic video framework that enables the creation of video content using component-based logic and standard web technologies. By leveraging a declarative animation engine, it allows developers to structure visual content as a hierarchy of reusable components, ensuring that animations and state updates remain consistent through deterministic frame execution. The framework distinguishes itself by utilizing a headless browser renderer that captures visual output frame-by-frame to generate high-quality video files. This architecture supports a cloud-native media pipeline, allow

Park UI is a collection of accessible, pre-styled interface components designed for consistent design across multiple JavaScript frameworks. It functions as a cross-framework user interface kit that provides functional logic and styling hooks for building inclusive web applications. The library utilizes a headless component architecture that delegates state and accessibility logic to a decoupled engine, allowing for flexible styling. By employing a framework-agnostic approach, it ensures that interface elements maintain a unified design language and reliable behavior across various developmen

This project is an AI-powered visual canvas and collaborative whiteboard framework. It functions as a customizable vector drawing engine and a tool for converting hand-drawn interface sketches and wireframes into functional code using artificial intelligence. The system distinguishes itself through the integration of AI agents that can read, modify, and generate visual diagrams directly on the canvas. It also provides a node-based workflow editor for building automation pipelines and data processing flows by connecting multimodal components. The platform covers a broad range of capabilities,

This project is a GIS component library and a React wrapper for the Leaflet mapping library. It acts as a bridge between the imperative Leaflet API and the declarative state management of React, allowing for the creation of interactive geographic maps and spatial data visualizations. The library uses a component-based architecture to render maps with markers and layers. It synchronizes the React virtual DOM with the map's internal layer registry to maintain a consistent geographic state, mapping component lifecycles to the addition and removal of map layers. The tool provides capabilities fo

IGListKit is a data-driven list manager and framework for iOS that decouples data models from cell logic. It serves as a wrapper for collection views, using a system of section controllers to map specific data model types to independent objects that manage the logic and sizing for list sections. The project features a diffing algorithm library that calculates the minimal set of changes between two data collections. By using unique identifiers and equality tracking, it identifies inserts, deletes, and moves to trigger animated updates instead of full interface reloads. The framework covers a

react-fns is a suite of declarative components and utilities designed to wrap imperative browser APIs for use in React applications. It provides a set of components and higher-order components that integrate browser environment data, device sensors, network status, and native application launchers into a reactive user interface. The library enables declarative access to hardware sensors for tracking accelerometer, gyroscope, and orientation data in real time. It also includes native app launchers that trigger the default system mail and SMS applications using pre-filled links. Additional cap

BlockSuite is a collaborative block editor framework built on a hierarchical block tree data model with CRDT-based state synchronization for real-time multi-user editing. It provides an extensible block component system, allowing developers to define custom block types through declarative schemas, services, and rendering components. The editor is packaged as cross-framework web components, making it embeddable in any JavaScript environment. The framework distinguishes itself with a command-driven editing pipeline that composes type-safe editing actions with dynamic context sharing and control

Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes

WTM is a development framework for building enterprise server and client applications using .NET Core. It functions as a rapid application development tool that provides a set of generators and wizards to automate the creation of project structures and boilerplate code. The framework includes a low-code UI builder that utilizes a shared library of controls to construct forms, grids, and dialogs across multiple frontend libraries. It further automates development through template-based code generation and a configuration-driven project bootstrapping wizard. The system handles enterprise data

SwiftUIX is a framework extension and component library that provides specialized layout tools and native platform bridges for SwiftUI. It functions as a declarative toolkit for building macOS and iOS applications by adding missing native components and expanded interface elements to the standard library. The project focuses on bridging declarative state to native imperative APIs, particularly for macOS desktop interfaces. It includes specialized controls for window visibility, navigation bar appearance, and system status bar integration, as well as tools for managing system activity controll

MPX is a cross-platform framework designed to build applications for multiple mini-program ecosystems and the web from a single codebase. It utilizes a static transpilation pipeline to transform source code into platform-specific bundles, employing a single-file component system that encapsulates templates, logic, and styles. The framework provides a reactive state management system that automatically synchronizes application data with the user interface through computed properties and watchers. The project distinguishes itself through a robust build-time toolchain that supports sub-package p

This project is a JavaScript spreadsheet component and web-based data table that provides an interactive grid for managing tabular data. It functions as a cross-framework UI component compatible with React, Vue, and jQuery, and can also be embedded as a standalone web component. The grid is specifically designed for XLSX interoperability, allowing users to import and export XLSX files while preserving formulas and styles. It distinguishes itself through real-time collaboration for simultaneous multi-user editing and a flexible system for creating custom cell editors and specialized column typ

MapCN is a React component library that wraps MapLibre GL into declarative, composable building blocks for interactive maps. It provides a set of small, reusable components for rendering maps, placing markers, drawing routes, and clustering points, all managed through React hooks, context, and refs for state and lifecycle control. The library distinguishes itself by offering a complete set of map features as individual React components that automatically adapt to light and dark themes. It includes components for interactive map rendering with zero configuration, marker placement with popups a