Awesome GitHub RepositoriesUtility Components

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.

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 faster youtube embed.

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

Fully customizable AI chatbot component for your website

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

RapiDoc -WebComponent for OpenAPI Spec

A lightweight emoji picker for the modern web

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

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

🎹 Play and display MIDI files on the web

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

A friendly web-component for writing and rendering shaders.

Framework agnostic table component for editable data experience.

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

⚡️ Progressively enhance image placeholders once they are in the viewport

Web Component to visualize JSON data in a tree view

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

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

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