Open-Awesome
CategoriesAlternativesStacksSelf-HostedExplore
Open-Awesome

© 2026 Open-Awesome. Curated for the developer elite.

TermsPrivacyAboutGitHubRSS
  1. Home
  2. Tags
  3. Web Components

Web Components

371 projects

Showing 36 of 371 projects

WebC
WebCJavaScript

A framework-independent HTML serializer for generating markup for Web Components from single-file components.

#web-components#single-file-components#static-site-generator
Stars1.4k
Forks45
Last commit7 months ago
react-shadow
react-shadowJavaScript

A React library for using Shadow DOM with style encapsulation, supporting CSS-in-JS libraries.

#web-components#css-document#style-encapsulation
Stars1.4k
Forks83
Last commit1 year ago
<qr-code>
<qr-code>TypeScript

A no-framework, no-dependencies, customizable, animate-able, SVG-based <qr-code> HTML element.

#web-components#custom-elements#animation
Stars1.4k
Forks84
Last commit3 years ago
atomico
atomicoTypeScript

A micro-library for creating web components using functions, hooks, and virtual-dom with a React-like syntax.

#reactive-properties#hooks#web-components
Stars1.3k
Forks44
Last commit5 days ago
stretchy
stretchyJavaScript

A lightweight, dependency-free JavaScript library for automatically resizing form elements (textareas, inputs, selects) to fit their content.

#form-autosizing#textarea-resize#web-components
Stars1.3k
Forks84
Last commit2 years ago
Web Awesome
Web AwesomeTypeScript

An open-source library of web components from Font Awesome that works with all frameworks and CDNs.

#design-system#web-components#custom-elements
Stars1.3k
Forks181
Last commit21 hours ago
<dark-mode-toggle>
<dark-mode-toggle>JavaScript

A custom element for adding a Dark Mode toggle or switch to websites, respecting user preferences and allowing overrides.

#prefers-color-scheme#web-components#custom-elements
Stars1.2k
Forks75
Last commit
Vulcanize
VulcanizeTypeScript

A bundler for Polymer projects that inlines HTML imports to reduce network requests.

#web-components#html-imports#bundler
Stars1.2k
Forks128
Last commit8 years ago
@webcomponents/custom-elements
@webcomponents/custom-elementsHTML

A suite of JavaScript polyfills that implement Web Components APIs for browsers lacking native support.

#web-components#custom-elements#frontend
Stars1.2k
Forks169
Last commit1 month ago
document-register-element
document-register-elementJavaScript

A lightweight polyfill for the W3C Custom Elements V1 specification, enabling custom HTML elements in older browsers.

#web-components#custom-elements#customelements
Stars1.1k
Forks115
Last commit
Microsoft Graph Toolkit
Microsoft Graph ToolkitTypeScript

A collection of reusable, framework-agnostic UI components and authentication providers for accessing Microsoft Graph.

#web-components#hacktoberfest#msal
Stars1.1k
Forks362
Last commit16 days ago
slim.js
slim.jsCSS

A fast, native, and extensible micro-framework for building declarative web components using modern browser standards.

#slimjs#web-components#custom-elements
Stars1.0k
Forks61
Last commit2 years ago
attractions
attractionsSvelte

A deprecated UI component library for Svelte 3 applications.

#web-components#svelte-3#deprecated
Stars1.0k
Forks36
Last commit1 year ago
Yeoman Polymer Generator
Yeoman Polymer GeneratorJavaScript

A Yeoman generator for scaffolding Polymer web component projects and custom elements.

#web-components#custom-elements#polymer
Stars913
Forks148
Last commit9 years ago
html-midi-player
html-midi-playerTypeScript

Custom HTML elements for playing and visualizing MIDI files in web browsers using Magenta.js.

#midi-file#web-components#midi
Stars894
Forks97
Last commit1 year ago
Tonic
TonicJavaScript

A minimal, zero-dependency component framework for the web, built on Web Components and inspired by React.

#web-components#user-interface#javascript-framework
Stars885
Forks28
Last commit2 months ago
howto-components
howto-componentsJavaScript

Educational web components demonstrating common UI patterns with modern web technologies and accessibility focus.

#web-components#custom-elements#frontend-development
Stars876
Forks72
Last commit26 days ago
Diffuse
DiffuseJavaScript

A customizable music player built from web components that connects to cloud and distributed storage.

#music#web-components#ipfs
Stars868
Forks66
Last commit1 day ago
Elix
ElixJavaScript

A community-driven collection of high-quality, customizable web components for common UI patterns like lists, menus, dialogs, and carousels.

#design-system#web-components#user-interface
Stars837
Forks40
Last commit3 years ago
AgnosticUI
AgnosticUITypeScript

A CLI-based UI component library that copies source code into your project, enabling framework-agnostic, AI-native development.

#generative-ui#design-system#web-components
Stars820
Forks47
Last commit23 days ago
AgnosticUI
AgnosticUITypeScript

A CLI-based UI component library that copies source code into your project, enabling framework-agnostic, AI-native development.

#generative-ui#design-system#web-components
Stars820
Forks47
Last commit23 days ago
jsapi-resources
jsapi-resourcesTypeScript

A collection of code templates and resources for integrating the ArcGIS Maps SDK for JavaScript with popular frameworks and bundlers.

#web-mapping#web-components#javascript-mapping
Stars765
Forks575
Last commit15 days ago
remount
remountJavaScript

Mount React components as custom elements to use them anywhere in HTML, including non-SPA apps and other frameworks.

#web-components#custom-elements#onmount
Stars720
Forks23
Last commit3 years ago
@tato30/vue-pdf
@tato30/vue-pdfTypeScript

A Vue 3 component library for rendering and interacting with PDF documents in web applications.

#web-components#viewer#pdfjs
Stars688
Forks110
Last commit2 months ago
ESP Web Tools
ESP Web ToolsTypeScript

Open-source browser-based tools for flashing ESPHome and other ESP-based firmware to ESP devices.

#iot#web-components#embedded-systems
Stars677
Forks184
Last commit3 days ago
Playground Elements
Playground ElementsTypeScript

Web components for creating interactive, serverless coding environments with live previews.

#web-components#sandbox#service-worker
Stars651
Forks61
Last commit9 months ago
awesome-webcomponents
awesome-webcomponents

A curated collection of tools, articles, and resources for Web Components development.

#web-components#custom-elements#frontend-development
Stars647
Forks51
Last commit2 years ago
Micro Frontends
Micro Frontends

A curated list of resources about Micro Frontends architecture, including concepts, tools, frameworks, and best practices.

#web-components#component-architecture#frontend-development
Stars590
Forks53
Last commit4 years ago
<shader-doodle>
<shader-doodle>JavaScript

A friendly web component for writing and rendering fragment shaders directly in HTML with built-in uniforms for time, mouse, and audio.

#web-components#interactive-art#graphics
Stars587
Forks38
Last commit29 days ago
ngx-extended-pdf-viewer
ngx-extended-pdf-viewerFluent

A full-featured PDF viewer component for Angular applications, based on Mozilla's pdf.js.

#web-components#mozilla-pdf#pdfjs
Stars584
Forks208
Last commit11 days ago
Vaadin components
Vaadin componentsJavaScript

A set of high-quality, standards-based web components for building enterprise web applications.

#design-system#web-components#data-grid
Stars574
Forks98
Last commit18 hours ago
generic-components
generic-componentsJavaScript

A collection of accessible, framework-agnostic web components that work like native HTML elements.

#web-components#custom-elements#aria
Stars571
Forks32
Last commit4 years ago
Web components tester
Web components testerTypeScript

A testing environment for web components built with Polymer or any web component library.

#web-components#custom-elements#test-runner
Stars564
Forks174
Last commit1 month ago
TabBlazor
TabBlazorC#

A Blazor admin dashboard template built on Tabler UI with minimal JavaScript dependency.

#web-components#admin-template#csharp
Stars560
Forks130
Last commit1 month ago
Selectable
SelectableTypeScript

A versatile and highly customizable Ionic component that replaces Ionic Select with search, async search, item creation, and template customization.

#search#stencil#web-components
Stars552
Forks133
Last commit1 year ago
LitElement TypeScript starter
LitElement TypeScript starterJavaScript

A starter template for building web components with LitElement and TypeScript.

#web-components#custom-elements#dev-tools
Stars539
Forks213
Last commit7 months ago
PreviousPage 3 of 11

Related Tags

Community-curated · Updated weekly · 100% open source

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.

Submit a projectStar on GitHub
2 months ago
5 years ago
Next
#Frontend189
#Custom Elements128
#Javascript106
#Ui Library87
#Ui Components73
#Typescript67
#Webcomponents63
#Design System59
#Accessibility50
#Polymer47
#Lit44
#Shadow Dom41