Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source) Learn more →
Top 23 JavaScript web-component Projects
-
-
-
Klotho
AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)
-
-
-
npm init @[email protected] Need to install the following packages: @open-wc/[email protected] Ok to proceed? (y) y _.,,,,,,,,,._ .d'' ``b. Open Web Components Recommendations .p' Open `q. .d' Web Components `b. Start or upgrade your web component project with .d' `b. ease. All our recommendations at your fingertips. :: ................. :: `p. .q' `p. open-wc.org .q' `b. @openWc .d' `q.. ..,' See more details at https://open-wc.org/init/ '',,,,,,,,,,'' Note: you can exit any time with Ctrl+C or Esc ✔ What would you like to do today? › Scaffold a new project ✔ What would you like to scaffold? › Web Component ✔ What would you like to add? › Testing (web-test-runner) ✔ Would you like to use typescript? › Yes ✔ What is the tag name of your web component? … testing-components ./ ├── testing-components/ │ ├── .vscode/ │ │ └── extensions.json │ ├── demo/ │ │ └── index.html │ ├── src/ │ │ ├── index.ts │ │ ├── testing-components.ts │ │ └── TestingComponents.ts │ ├── test/ │ │ └── testing-components.test.ts │ ├── .editorconfig │ ├── .gitignore │ ├── LICENSE │ ├── package.json │ ├── README.md │ ├── tsconfig.json │ ├── web-dev-server.config.mjs │ └── web-test-runner.config.mjs ✔ Do you want to write this file structure to disk? › Yes Writing..... done ✔ Do you want to install dependencies? › Yes, with npm
-
-
Project mention: Recommendation Needed: WebComponent UI Library | reddit.com/r/WebComponents | 2023-03-29
You wanna have look at lion
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
fluentui-blazor
Microsoft Fluent UI Blazor components library. For use with .NET 6.0 or higher Blazor applications
Project mention: microsoft/fast-blazor 2.0: Blazor component library for FluentUI. Microsoft's official wrapper around the FluentUI Web Components | reddit.com/r/Blazor | 2023-02-09 -
dark-mode-toggle
A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:
In this post, we are going to learn quick implementation of the dark mode using dark-mode-toggle in our web apps.
-
atomico
Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.
-
-
diffhtml
diffHTML is a web framework that helps you build applications and other interactive content
-
media-chrome
Custom elements (web components) for making audio and video player controls that look great in your website or app.
-
coreui
Open Source UI Kit built on top of Bootstrap 5 and plain JavaScript without any additional libraries like jQuery
-
Project mention: Is there a plugin that abstracts registering web components with React? | reddit.com/r/reactjs | 2023-03-24
My favorite from when I looked into this a few months ago is called Remount: https://github.com/rstacruz/remount/
-
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+
Component UX. Do you need keyboard navigation? Mouse hover? Shortcuts? I suggest staying safe, combining existing components, and making your custom solutions sparingly.
-
-
InfluxDB
Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.
JavaScript web-components related posts
- Web components for custom video players
- Show HN: A web component framework with templating
- <selectmenu> polyfill
- Show HN: It will never be as popular as React, but I built it inspired by it
- Are web components still a thing?
- Alternative to tailwind for Vite + Lit + Ts ?
- Video Player Recommendations
-
A note from our sponsor - Klotho
klo.dev | 1 Jun 2023
Index
What are some of the best open-source web-component projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | web-skills | 6,517 |
2 | relative-time-element | 2,744 |
3 | open-ui | 2,628 |
4 | github-elements | 2,513 |
5 | open-wc | 2,034 |
6 | vue-custom-element | 1,926 |
7 | lion | 1,540 |
8 | fluentui-blazor | 1,352 |
9 | dark-mode-toggle | 1,065 |
10 | atomico | 967 |
11 | emoji-picker-element | 962 |
12 | diffhtml | 843 |
13 | media-chrome | 766 |
14 | coreui | 645 |
15 | remount | 645 |
16 | vaadin | 530 |
17 | include-fragment-element | 499 |
18 | cookbook | 446 |
19 | webrix | 418 |
20 | ficusjs | 390 |
21 | clipboard-copy-element | 374 |
22 | web-components | 329 |
23 | tab-container-element | 327 |