Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →
Top 23 web-component Open-Source Projects
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
wired-elements
Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
-
-
-
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
fluentui-blazor
Microsoft Fluent UI Blazor components library. For use with .NET 6.0 or higher Blazor applications
-
-
vime
Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...
-
-
-
player
UI components and hooks for building video/audio players on the web. Robust, customizable, and accessible. Modern alternative to JW Player and Video.js. (by vidstack)
-
-
ninja-keys
Keyboard shortcuts interface for your website. Working with static HTML, Vanilla JS, Vue, React, Svelte.
-
-
dark-mode-toggle
A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:
-
atomico
Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
[Bug]: Configuration with TailwindCss Next.js using Tailwind with Storybook
Project mention: Episode 24/13: Native Signals, Details on Angular/Wiz, Alan Agius on the Angular CLI | dev.to | 2024-04-05Similarly to Promises/A+, this effort focuses on aligning the JavaScript ecosystem. If this alignment is successful, then a standard could emerge, based on that experience. Several framework authors are collaborating here on a common model which could back their reactivity core. The current draft is based on design input from the authors/maintainers of Angular, Bubble, Ember, FAST, MobX, Preact, Qwik, RxJS, Solid, Starbeam, Svelte, Vue, Wiz, and more…
Project mention: Web Components e a minha opinião sobre o futuro das libs front-end | dev.to | 2024-04-04
Project mention: Htmx, Rust and Shuttle: A New Rapid Prototyping Stack | news.ycombinator.com | 2023-11-01Web Components, e.g. https://github.com/github/relative-time-element
Next we’ll install Vitest and happy-dom to the project by running:
GitHub is one:
https://github.com/github/details-dialog-element
There should be others here:
https://github.com/web-padawan/awesome-web-components#compon...
vidstack is very light on technical details but starts with a concise intro and a screenshot, as well as relevant links: https://github.com/vidstack/player
payload is well-structured in general: https://github.com/payloadcms/payload
nanostores starts out with an intro and telling code examples, followed by lots of technical details: https://github.com/nanostores/nanostores
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).
web-components related posts
- Htmz – a low power tool for HTML
- Restic-Browser: A GUI to browse and restore restic backup repositories
- New Version of Fluent UI works great with blazor
- Blazor 8 is awesome
- Htmx, Rust and Shuttle: A New Rapid Prototyping Stack
- Use web components for what they’re good at
- 3D world on Web
-
A note from our sponsor - InfluxDB
www.influxdata.com | 25 Apr 2024
Index
What are some of the best open-source web-component projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | storybook | 82,727 |
| 2 | Polymer | 22,042 |
| 3 | wired-elements | 9,659 |
| 4 | fast | 9,015 |
| 5 | material-web | 8,604 |
| 6 | web-skills | 6,823 |
| 7 | open-ui | 3,167 |
| 8 | fluentui-blazor | 3,086 |
| 9 | relative-time-element | 2,977 |
| 10 | happy-dom | 2,911 |
| 11 | vime | 2,716 |
| 12 | awesome-web-components | 2,646 |
| 13 | github-elements | 2,638 |
| 14 | haunted | 2,576 |
| 15 | open-wc | 2,207 |
| 16 | vue-custom-element | 1,954 |
| 17 | player | 1,688 |
| 18 | lion | 1,692 |
| 19 | ninja-keys | 1,565 |
| 20 | lume | 1,226 |
| 21 | emoji-picker-element | 1,202 |
| 22 | dark-mode-toggle | 1,149 |
| 23 | atomico | 1,106 |
Sponsored
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com