Open-source alternatives to Progressive Image Element

Web component file viewer

Trix is a rich text editor and WYSIWYG text component designed for composing and formatting documents with inline styling and block elements. It functions as an HTML content editor that manages and sanitizes input to ensure a secure and consistent document structure, while serving as a document state manager that tracks edit history and persists serialized state. The editor integrates directly with standard HTML forms, converting rich text into data for submission. It features a configurable sanitization engine that cleanses input HTML to remove unsupported tags and mitigate security risks.

A no-framework, no-dependencies, customizable, animate-able, SVG-based HTML element.

🎹 Play and display MIDI files on the web

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

A faster youtube embed.

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

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.

Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...

API documentation and live playground for Web Components. Based on Custom Elements Manifest format