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
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 | 26 Apr 2024
Index
What are some of the best open-source web-component projects? This list will help you:
Project | Stars | |
---|---|---|
1 | storybook | 82,810 |
2 | Polymer | 22,042 |
3 | wired-elements | 9,659 |
4 | fast | 9,015 |
5 | material-web | 8,604 |
6 | web-skills | 6,830 |
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 | lion | 1,692 |
18 | player | 1,688 |
19 | ninja-keys | 1,565 |
20 | lume | 1,226 |
21 | emoji-picker-element | 1,202 |
22 | dark-mode-toggle | 1,149 |
23 | atomico | 1,110 |
Sponsored