HTML web-components

Open-source HTML projects categorized as web-components
Edit details
JavaScript HTML custom-elements Localization CSS
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured

Top 10 HTML web-component Projects

HTML logo
web-components

  1. Polymer

    Our original Web Component library.

  2. Stream

    Stream - Scalable APIs for Chat, Feeds, Moderation, & Video. Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.

    Stream logo

  3. webcomponents-cg

    Web Components community group

  4. red-hat-design-system

    Red Hat's Design System

  5. 11ty-web-component-generator

    Use the power of 11ty to generate web components (custom elements).

  6. pixlated

    A lightweight web components that add noise textures to images and backgrounds using Canvas API

    Project mention: Pixlated: Film Grain Effects with Web Components | dev.to | 2025-11-12

    👉 GitHub Repo

  7. Pokedex-Web-Component

    A web component to show off your favorite Pokemon inside of a Pokedex

  8. localize

    Uni Localize (by uiwebkit)

  9. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo

  10. Dazzle-UI-Components

    My own Component Library created with HTML and CSS

  11. localize-angular

    Uni Localization example for Angular

  12. table-of-contents-element

    A lightweight zero-dependency Table of Contents generator, distributed as a web component

    Project mention: Plain Vanilla Web – Guide for de-frameworking yourself | news.ycombinator.com | 2025-05-11

    The irony is: I wrote a bunch of small custom elements [0][1] that do one thing and I don't use Lit for that, because Lit is still overhead. The litte bit of boilerplate overhead of Web Components, I simply wrote by hand.

    [0]: Table of contents element: https://github.com/cmaas/table-of-contents-element

    [1]: SVG avatars (React-free fork of Boring Avatars): https://github.com/cmaas/playful-avatars

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

HTML web-components discussion

HTML web-components related posts

  • Application development with 100% customization. Customization Driven Development (CDD)

    1 project | dev.to | 9 Oct 2022

  • How do I go about learning advanced DOM manipulation with vanilla JS?

    2 projects | /r/learnjavascript | 18 Sep 2022

  • Getting Started with PolymerJS and LitElement

    2 projects | dev.to | 1 Sep 2021

  • Why is the CSS code of popular web apps (YouTube, Facebook) included inside the index.html file?

    1 project | /r/learnprogramming | 25 Jul 2021

  • Theming Blazor (server) sites

    1 project | /r/Blazor | 13 Jun 2021
  • A note from our sponsor - Stream
    getstream.io | 23 Dec 2025
    Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure. Learn more →

Index

What are some of the best open-source web-component projects in HTML? This list will help you:

# Project Stars
1 Polymer 22,074
2 webcomponents-cg 226
3 red-hat-design-system 129
4 11ty-web-component-generator 55
5 pixlated 13
6 Pokedex-Web-Component 4
7 localize 2
8 Dazzle-UI-Components 1
9 localize-angular 1
10 table-of-contents-element 0

Sponsored
Stream - Scalable APIs for Chat, Feeds, Moderation, & Video.
Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.
getstream.io
Loading...