Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more! Learn more →
Top 23 JavaScript web-component Projects
-
-
Civic Auth
Web2 & Web3 login in a simple SDK. Drop Civic Auth into your app with native TS/JS support. Email login, SSO options, embedded wallets, and full session management. Minimal config. Deploy in under 5 minutes.
-
Relative Time: Formats a timestamp as a localized string or as relative text that auto-updates in the user's browser.
-
web-components-examples
A series of web components examples, related to the MDN web components documentation at https://developer.mozilla.org/en-US/docs/Web/Web_Components.
Project mention: Vanilla JavaScript Support for Tailwind Plus – Tailwind CSS | news.ycombinator.com | 2025-07-25This is the simplest web component.
More examples:
https://github.com/mdn/web-components-examples
-
-
-
-
-
SurveyJS
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build dynamic JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
-
-
atomico
Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.
-
dark-mode-toggle
A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:
-
-
diffhtml
diffHTML is a web framework that helps you build applications and other interactive content
-
coreui
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-23I'm working on https://github.com/coreui/coreui, the Bootstrap fork with full Dart Sass 3.0.0+ compatibility.
-
Project mention: 50+ APIs (All Free!) For Savvy Marketers & Content Developers🔥 | dev.to | 2025-06-13
11. ArcGIS API
-
-
vaadin
An evolving set of open source web components for building mobile and desktop web applications in modern browsers.
-
-
web-components
A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
-
-
-
-
lemonadejs
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 -
Project mention: Show HN: Hyper – Standards first React alternative | news.ycombinator.com | 2025-05-09
this microlibrary asks you to touch JS as little as possible.
[0]: https://github.com/kgscialdone/facet
-
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.
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).
JavaScript web-components discussion
JavaScript web-components related posts
-
GitHub's Web Component Collection
-
Ask HN: I need feedback regarding adding container queries to the Bootstrap fork
-
Storybook: The Workshop for Modern Frontends
-
Show HN: Winamp and other media players, rebuilt for the web with Web Components
-
Biblioteca emoji-picker-element em português
-
Htmz – a low power tool for HTML
-
Htmx, Rust and Shuttle: A New Rapid Prototyping Stack
-
A note from our sponsor - Sevalla
sevalla.com | 31 Aug 2025
Index
What are some of the best open-source web-component projects in JavaScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | web-skills | 7,194 |
| 2 | relative-time-element | 3,746 |
| 3 | web-components-examples | 3,282 |
| 4 | github-elements | 2,876 |
| 5 | open-wc | 2,336 |
| 6 | vue-custom-element | 1,960 |
| 7 | lion | 1,845 |
| 8 | emoji-picker-element | 1,631 |
| 9 | atomico | 1,230 |
| 10 | dark-mode-toggle | 1,201 |
| 11 | gramps-web | 926 |
| 12 | diffhtml | 870 |
| 13 | coreui | 838 |
| 14 | jsapi-resources | 744 |
| 15 | remount | 721 |
| 16 | vaadin | 563 |
| 17 | include-fragment-element | 555 |
| 18 | web-components | 529 |
| 19 | clipboard-copy-element | 477 |
| 20 | cookbook | 464 |
| 21 | webrix | 432 |
| 22 | lemonadejs | 426 |
| 23 | facet | 413 |
Sponsored
Web2 & Web3 login in a simple SDK
Drop Civic Auth into your app with native TS/JS support. Email login, SSO options, embedded wallets, and full session management. Minimal config. Deploy in under 5 minutes.
www.civic.com