Custom Elements
Showing 36 of 140 projects
A simple library for building fast, lightweight web components with reactive state and declarative templates.
A WYSIWYG rich text editor for web applications that treats contenteditable as an I/O device to avoid browser inconsistencies.
A forward-thinking library of web components that works with all frameworks and is fully customizable with CSS.
A signal-driven Web Components framework with JSX, router, and tiny size for building cross-framework UI components.
A library of Material Design 3 web components for building beautiful and accessible web applications.
An interactive analytics and data visualization component for large and streaming datasets, with a high-performance WebAssembly engine.
A collection of web components with a hand-drawn sketch aesthetic for wireframes, mockups, and playful UIs.
A library for building standards-compliant Web Components and adaptive UI systems for modern web applications.
A custom element for embedding YouTube videos with a focus on visual performance, loading 224× faster than standard iframes.
A set of W3C specifications that define a standard component model for the web, including Custom Elements and Shadow DOM.
A curated list of awesome resources, libraries, and tools for building with Web Components.
A curated list of awesome resources, libraries, and tools for building and using Web Components.
A collection of practical Web Components examples that demonstrate core concepts and APIs for MDN documentation.
A collection of 17 reusable Web Components developed by GitHub for building modern web interfaces.
React's Hooks API implemented for standard web components, enabling stateful and reactive custom elements.
A set of highly performant, accessible, and flexible white-label Web Components for building design systems.
A blazing fast, enterprise-grade foundation for building web components.
A blazing fast, enterprise-grade foundation for building web components.
Enterprise-grade web components implementing SAP Fiori design, usable with any web framework.
A lightweight, memory-efficient emoji picker web component for the modern web.
A library of web components implementing Adobe's Spectrum design system for building accessible, consistent UIs.
A toolkit for creating rich and interactive 2D or 3D experiences using HTML elements powered by CSS3D and WebGL.
A no-framework, no-dependencies, customizable, animate-able, SVG-based <qr-code> HTML element.
An open-source library of web components from Font Awesome that works with all frameworks and CDNs.
A custom element for adding a Dark Mode toggle or switch to websites, respecting user preferences and allowing overrides.
A suite of JavaScript polyfills that implement Web Components APIs for browsers lacking native support.
A lightweight polyfill for the W3C Custom Elements V1 specification, enabling custom HTML elements in older browsers.
A fast, native, and extensible micro-framework for building declarative web components using modern browser standards.
A Yeoman generator for scaffolding Polymer web component projects and custom elements.
Custom HTML elements for playing and visualizing MIDI files in web browsers using Magenta.js.
Educational web components demonstrating common UI patterns with modern web technologies and accessibility focus.
A customizable music player built from web components that connects to cloud and distributed storage.
A community-driven collection of high-quality, customizable web components for common UI patterns like lists, menus, dialogs, and carousels.
Mount React components as custom elements to use them anywhere in HTML, including non-SPA apps and other frameworks.
A curated collection of tools, articles, and resources for Web Components development.
A set of high-quality, standards-based web components for building enterprise web applications.
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.