Most popular web-components repositories and open source projects

Developers can create custom, reusable, encapsulated HTML tags for the web using Web Components. Components use the Custom Element standard, frequently in combination with the Shadow DOM, HTML Templates, and ES Modules.

lit-redux-router

Declarative way of routing for lit-html powered by pwa-helpers, redux...

17   117   117  

podcast-player

An audio web component for podcasts

14   115   115  

nutmeg

Build, test, and publish vanilla Web Components with a little spice

9   114   114  

bay.js

An easy to use, lightweight library for web-components.

5   109   109  

finastra-design-system

The Finastra Design System provided as a theme and components library

46   108   108  

polymer-build

Moved to Polymer/tools monorepo

40   105   105  

core

Clarity is a scalable, accessible, customizable, open-source design sy...

26   103   103  

web-component-devtools

Web Component DevTools is a Browser Extension enhancing the developmen...

2   102   102  

polymer3-webpack-starter

Polymer 3 starter built with Vaadin components and Vaadin.Router libra...

21   101   101  

gulp-vulcanize

Concatenate a set of Web Components into one file

24   100   100  

uce-template

A Vue 3 inspired Custom Elements toolless alternative.

5   100   100  

funcy.js

funcy.js - a functional web components wrapper

6   99   99  

wc-monaco-editor

A vanilla Monaco Editor web component

11   99   99  

file-attachment-element

Attach files via drag and drop or file input.

19   99   99  

aybolit

Lightweight web components library built with LitElement.

16   98   98  

bg-sound

Web Component to emulate the old-school <bgsound> HTML element

5   96   96  

enaml-web

Build interactive websites with enaml

16   96   96  

eleventy-plugin-webc

Adds support for WebC *.webc files to Eleventy

4   94   94  

nativeweb

🤳 Tiny library for simple web components. [1kB]

4   93   93  

showroom

Universal development and automated test environment for web component...

7   89   89  

eslint-plugin-lit

lit-html support for ESLint

15   89   89  

typing-effect-element

A custom element that shows text as if it were being typed

8   89   89  

minna-ui

😸 A fast, friendly, and fun web UI kit for everyone.

20   88   88  

use-custom-element

Custom hook to bridge Custom Elements (Web Components) to React.

8   87   87  

storify

Instagram/Whatsapp stories clone built on Web Components and Web Anima...

18   85   85  

awesome-frontend

Curated list of awesome frontend resources :star::sunglasses:

17   84   84  

PolymerProjects

An open list of projects using Polymer

19   83   83  

lego

🚀 Low-Tech Web-Components Made Lightweight & Future-Proof.

18   83   83  

outline

Outline is a web component based design system starter kit. Outline is...

24   83   83  

web-components-good-practices

:sunglasses::ballot_box_with_check: Good Practices for build Web Compo...

3   82   82  

components

UI building blocks to add email, calendar, and contacts to your app in...

22   81   81  

elm-web-components

A small JavaScript package to let you wrap your Elm applications up in...

7   78   78  

element

Fast and simple custom elements.

3   78   78  

phoenix-duskmoon-ui

Duskmoon UI for Phoenix Framework

0   78   78  

polymer-editor-service

Moved to Polymer/tools monorepo

12   77   77  

remote-input-element

An input element that sends its value to a server endpoint and renders...

19   77   77  

web-component-designer

A Designer for HTML Components or Pages in a WebComponent

7   76   76  

webcomponents-from-zero-to-hero

An introduction to writing raw web components.

25   74   74  

component-elements

Create a custom element from any component with these tiny functions (...

3   74   74  

components

Example Components (Built with Tonic)

8   73   73  

compo

🎼Compo·sing Web Compo·nents

2   71   71  

flip-clock

A flip clock, timer and countdown made with Polymer

18   70   70  

github-card

Github profile web component that actually looks good

7   69   69  

litelement-website

A Single Page Application(SPA) based on Web Components using LitElemen...

17   69   69  

color-legend-element

A custom element (web component) suitable for use as a legend in data...

3   68   68  

webcomponents.today

A curated collection of Web Components resources.

5   66   66  

bui

‹B› Web components for creating applications – built with Lit by Black...

5   65   65  

pharos

JSTOR's design system

9   64   64  

frosted-glass

❄️ Add a live frosted glass blur effect over any type of web content,...

6   63   63  

launch-timeline

Visual launch timeline using the r/SpaceX API

18   62   62