Top 23 JavaScript web-component Projects

web-components

• Add a project

1. web-skills

   1 3 7,142 0.0 JavaScript

   A visual overview of useful skills to learn as a web developer

   

2. InfluxDB

   www.influxdata.com featured

   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.

   

3. relative-time-element

   2 3 3,728 7.8 JavaScript

   Web component extensions to the standard <time> element.

   

   Project mention: Frontend Resources V2 🚀 | dev.to | 2024-09-01

   Relative Time: Formats a timestamp as a localized string or as relative text that auto-updates in the user's browser.

4. web-components-examples

   3 3 3,249 3.7 JavaScript

   A series of web components examples, related to the MDN web components documentation at https://developer.mozilla.org/en-US/docs/Web/Web_Components.

   

5. github-elements

   4 16 2,861 3.3 JavaScript

   GitHub's Web Component collection.

   

   Project mention: GitHub's Web Component Collection | news.ycombinator.com | 2025-05-23

6. open-wc

   5 18 2,327 4.7 JavaScript

   Open Web Components: guides, tools and libraries for developing web components.

   

7. vue-custom-element

   6 4 1,962 1.2 JavaScript

   Vue Custom Element - Web Components' Custom Elements for Vue.js

   

8. lion

   7 7 1,831 9.2 JavaScript

   Fundamental white label web component features for your design system.

   

9. SaaSHub

   www.saashub.com featured

   SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

   

10. emoji-picker-element

    8 3 1,611 8.5 JavaScript

    A lightweight emoji picker for the modern web

    

    Project mention: Biblioteca emoji-picker-element em português | dev.to | 2024-07-22

11. atomico

    9 1 1,221 0.0 JavaScript

    Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.

    

12. dark-mode-toggle

    10 2 1,199 5.8 JavaScript

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

    

13. diffhtml

    11 4 870 6.1 JavaScript

    diffHTML is a web framework that helps you build applications and other interactive content

    

14. coreui

    12 3 819 9.2 JavaScript

    Open Source UI Kit built on top of Bootstrap 5 and plain JavaScript without any additional libraries like jQuery

    

    Project mention: Ask HN: What Are You Working On? (February 2025) | news.ycombinator.com | 2025-02-23

    I'm working on https://github.com/coreui/coreui, the Bootstrap fork with full Dart Sass 3.0.0+ compatibility.

15. gramps-web

    13 11 806 9.7 JavaScript

    Open Source Online Genealogy System

    

16. jsapi-resources

    14 7 737 8.5 JavaScript

    A collection of resources for developers using the ArcGIS Maps SDK for JavaScript.

    

    Project mention: 50+ APIs (All Free!) For Savvy Marketers & Content Developers🔥 | dev.to | 2025-06-13

    11. ArcGIS API

17. remount

    15 1 721 0.0 JavaScript

    Mount React components to the DOM using custom elements

    

18. vaadin

    16 1 561 8.5 JavaScript

    An evolving set of open source web components for building mobile and desktop web applications in modern browsers.

    

19. include-fragment-element

    17 1 552 6.4 JavaScript

    A client-side includes tag.

    

20. web-components

    18 4 518 9.9 JavaScript

    A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+

    

21. clipboard-copy-element

    19 1 475 4.8 JavaScript

    Copy element text content or input values to the clipboard.

    

22. cookbook

    20 2 461 2.8 JavaScript

    VueJS + NodeJS Evergreen Cookbook (by ais-one)

    

23. webrix

    21 4 430 4.3 JavaScript

    Powerful building blocks for React-based web applications

    

24. lemonadejs

    22 6 421 3.7 JavaScript

    LemonadeJS is a 7KB reactive JavaScript micro-library offering two-way data binding. It is dependency-free, does not require transpiling, and works with webpack or directly in the browser.

    

    Project mention: Show HN: LemonadeJS v5 – Micro-reactive JavaScript library (5.5KB, JSX, no deps) | news.ycombinator.com | 2025-05-02

25. ficusjs

    23 4 399 1.2 JavaScript

    FicusJS is a set of lightweight functions for developing applications using web components

    

26. SaaSHub

    www.saashub.com featured

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    

JavaScript web-components related posts

• GitHub's Web Component Collection

  1 project | news.ycombinator.com | 23 May 2025

• Ask HN: I need feedback regarding adding container queries to the Bootstrap fork

  1 project | news.ycombinator.com | 3 Feb 2025

• Storybook: The Workshop for Modern Frontends

  2 projects | dev.to | 3 Nov 2024

• Show HN: Winamp and other media players, rebuilt for the web with Web Components

  4 projects | news.ycombinator.com | 8 Oct 2024

• Biblioteca emoji-picker-element em português

  1 project | dev.to | 22 Jul 2024

• Htmz – a low power tool for HTML

  10 projects | news.ycombinator.com | 19 Feb 2024

• Htmx, Rust and Shuttle: A New Rapid Prototyping Stack

  3 projects | news.ycombinator.com | 1 Nov 2023
• A note from our sponsor - SaaSHub
  www.saashub.com | 21 Jun 2025

  SaaSHub helps you find the best software and product alternatives Learn more →

Index

Sponsored

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.

www.influxdata.com

Do not miss the trending JavaScript projects with our weekly report!