Open-source alternatives to Lite Youtube Embed

RemoveAdblockThing is a browser extension that removes YouTube's adblock detection popup and skips video ads without triggering the platform's anti-adblock systems. It is designed to maintain an uninterrupted viewing experience by eliminating the intrusive "Ad blocker are not allowed on YouTube" message and automatically bypassing ad detection mechanisms. The extension works by injecting a content script at document_start to intercept and modify page behavior before YouTube's ad detection scripts run. It uses a DOM MutationObserver to monitor the YouTube DOM for ad-related elements and detect

This project is a collection of reusable UI component libraries for the Angular framework. It serves as an accessibility framework and a suite of building blocks for constructing user interfaces. The library provides a specialized component suite for implementing Material Design visual and interaction specifications. It also includes dedicated integrations for embedding interactive Google Maps with geographic data overlays and integrating YouTube video players with support for deferred loading. The project covers a broad range of UI development capabilities, including the creation of accessi

Metrolist is a multi-functional audio player and YouTube music client. It serves as a music library manager and a synchronized lyrics viewer, providing a unified interface for streaming audio and video content. The application distinguishes itself through real-time music synchronization, which allows multiple users to share a coordinated listening experience. It also includes automated translation tools for synchronized lyrics and a dedicated system for streaming audio from video sharing services with background playback and offline caching. The platform covers a broad set of capabilities, i

Indigo Player is a JavaScript media framework designed for building custom web-based video playback experiences. It functions as a modular HTML5 video player that supports adaptive bitrate streaming for formats including HLS, MPEG-DASH, and MP4. The framework provides a consistent interface for rendering video content while managing stream quality, subtitle tracks, and thumbnail previews. The player distinguishes itself through a plugin-based architecture that allows developers to extend core functionality without modifying primary logic. This modular design supports dynamic module loading, w

lightgallery.js is a modular JavaScript library used to create responsive image galleries, multimedia viewers, and media lightbox components. It provides a dependency-free interface for rendering HTML5 video, external iframes, and responsive images within a full-screen overlay. The project is distinguished by a module-based plugin architecture that allows developers to extend the core engine with custom behaviors. It features hardware-accelerated transitions, a system for synchronizing the current slide index with URL hash fragments for direct linking, and the ability to initialize galleries

Skeleton is a skeleton loading library and UI component library for mobile applications. It provides a system for rendering animated shimmer placeholders and grayed-out shapes that mimic the final layout of a page while content is loading. The framework acts as a UI placeholder generator that automatically mirrors the dimensions and margins of actual views to create structurally accurate loading states. It implements a shimmer animation framework that applies sliding gradient overlays without requiring modifications to the original UI source code. The library covers loading state visualizati

rrweb is a DOM session recording library and serialization framework used to record and replay web sessions. It converts the state of a web page into a serializable JSON data structure and tracks mutations to reconstruct user interactions within a replay engine. The system distinguishes itself by using a sandboxed iframe for reconstruction to isolate replayed content, preventing script execution and form submissions. It ensures visual consistency through CSS inline-style flattening and provides sensitive data masking to prevent private information from being captured. The project covers a br

css-doodle is a web component for creative coding that renders live CSS-generated patterns and animations directly in the browser. It creates generative art and visual patterns by applying CSS rules to a grid of cells, using the browser's native layout engine for positioning and styling. The component encapsulates its pattern canvas and styling within a custom element's shadow DOM, isolating it from page styles and enabling reusable instances. The tool distinguishes itself by driving pattern configuration through CSS custom properties, allowing dynamic style changes and real-time updates with

Add to your Cargo.toml:

A modal web component

model-viewer is a web-based 3D model viewer provided as a web component for rendering interactive three-dimensional assets and animations directly in a browser. It functions as a specialized GLTF web renderer designed to display GLTF and GLB files with settings optimized for performance and quality. The project includes a WebXR augmented reality player that projects 3D models into real-world environments using mobile device cameras and spatial tracking. It also features a visual regression testing tool capable of generating golden images and comparing renders to detect visual regressions in 3

A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:

A friendly web-component for writing and rendering shaders.

A web component

A toggle button to switch between light/dark/system theme on the Web.

RapiDoc -WebComponent for OpenAPI Spec

A lightweight emoji picker for the modern web

Framework agnostic table component for editable data experience.

Fully customizable AI chatbot component for your website

Structure-aware skeleton loader. One Web Component, every framework.

Build a real editor in plain HTML, React, Vue, Svelte, or Angular without locking yourself into a framework-specific editor runtime.

A custom element to display web vitals metrics on your page.

Media Player Web Component - Uniform Player API - Supports HLS, Dash, Mux, Vimeo, YouTube, JW Player, Wistia

A Yew component that emits events when the parent component changes width/height. Only compatible with Yew using web_sys.

A Yew component for virtual scrolling / scroll windowing -- Only renders the visible content into the dom.

A standalone, isolated, plug-in PDF viewer based on the built-in PDF.js viewer in Firefox