Projects in Awesome Lists tagged with web-components
A curated list of projects in awesome lists tagged with web-components .
https://github.com/storybookjs/storybook
Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
angular components design-systems documentation html javascript react react-native stories storybook styleguide svelte testing typescript ui vite vue web-components webpack workshop
Last synced: 06 Jan 2026
https://github.com/tencent/omi
Web Components Framework - Web组件框架
admin components css custom-elements dashboard html javascript jsx omi reactive-signal shadow-dom signal tailwind tailwindcss tsx typescript web web-components webcomponents
Last synced: 13 May 2025
https://github.com/Tencent/Omi
Web Components Framework - Web组件框架
admin components css custom-elements dashboard html javascript jsx omi reactive-signal shadow-dom signal tailwind tailwindcss tsx typescript web web-components webcomponents
Last synced: 11 May 2025
https://github.com/Tencent/omi
Web Components Framework - Web组件框架
admin components css custom-elements dashboard html javascript jsx omi reactive-signal shadow-dom signal tailwind tailwindcss tsx typescript web web-components webcomponents
Last synced: 15 Mar 2025
https://github.com/rough-stuff/wired-elements
Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
lit-element lit-html prototyping web-components webcomponents wireframe wireframes
Last synced: 14 May 2025
https://github.com/material-components/material-web
Material Design Web Components
component- design-system lit lit-element lit-html material material-design material-you material3 web web-components
Last synced: 13 May 2025
https://github.com/microsoft/fast
The adaptive interface system for modern web experiences.
adaptive-ui animation-library color-library component-architecture component-library components design-architecture design-systems development-tools front-end-framework react typescript web-accessibility web-components web-components-schemas web-standards
Last synced: 09 Sep 2025
https://github.com/andreasbm/web-skills
A visual overview of useful skills to learn as a web developer
accessibility algorithms architecture backend build-tools css design frameworks html javascript pwa testing web-components
Last synced: 14 May 2025
https://andreasbm.github.io/web-skills/
A visual overview of useful skills to learn as a web developer
accessibility algorithms architecture backend build-tools css design frameworks html javascript pwa testing web-components
Last synced: 02 May 2025
https://andreasbm.github.io/web-skills/?compact
A visual overview of useful skills to learn as a web developer
accessibility algorithms architecture backend build-tools css design frameworks html javascript pwa testing web-components
Last synced: 22 Mar 2025
https://github.com/vmware-archive/clarity
Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
accessibility accessible-components accessible-design angular angular-components clarity component-library components css design-system lit-elements typescript ui ux web web-components web-components-library
Last synced: 08 Oct 2025
https://vmware.github.io/clarity
Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
accessibility accessible-components accessible-design angular angular-components clarity component-library components css design-system lit-elements typescript ui ux web web-components web-components-library
Last synced: 10 Aug 2025
https://github.com/zdhxiong/mdui
Material Design 3(Material You) UI components using Web Components.
css javascript material material-design material-design-3 material-you web-components
Last synced: 11 May 2025
https://github.com/microsoft/fluentui-blazor
Microsoft Fluent UI Blazor components library. For use with ASP.NET Core Blazor applications
adaptive-ui blazor component-architecture component-library components csharp csharp-library design-systems development-tools fluent fluentui front-end-framework web-components web-standards webassembly
Last synced: 13 May 2025
https://github.com/openui/open-ui
Maintain an open standard for UI and promote its adherence and adoption.
standards ui ux w3c web-components
Last synced: 13 May 2025
https://github.com/WICG/open-ui
Maintain an open standard for UI and promote its adherence and adoption.
standards ui ux w3c web-components
Last synced: 13 Apr 2025
https://github.com/capricorn86/happy-dom
A JavaScript implementation of a web browser without its graphical user interface
angular browser bun dom html javascript jest lit-element lit-html nodejs react svelte testing-library typescript vitest vue web-components whatwg
Last synced: 12 May 2025
https://github.com/github/relative-time-element
Web component extensions to the standard <time> element.
custom-elements keep localization timezone web-components
Last synced: 13 May 2025
https://github.com/skatejs/skatejs
Effortless custom elements powered by modern view libraries.
javascript reactiveui web-components
Last synced: 29 Apr 2025
https://github.com/mdn/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.
Last synced: 13 May 2025
https://github.com/github/github-elements
GitHub's Web Component collection.
element-collection web-components
Last synced: 15 May 2025
https://github.com/vidstack/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.
accessibility analytics audio hls html javascript media player react solid-js svelte typescript ui video vimeo vue web-components youtube
Last synced: 12 May 2025
https://github.com/vime-js/vime
Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...
angular audio dailymotion dash embed hls html5 javascript media player react stenciljs svelte video vime vimeo vue web-components youtube
Last synced: 12 May 2025
https://github.com/yued-fe/lulu
跨端跨框架的原生 UI 组件库,即插即用
components css html javascript lulu lulu-ui-js ui web-components
Last synced: 13 May 2025
https://github.com/matthewp/haunted
React's Hooks API implemented for web components 👻
hooks lit-html react-hooks web-components
Last synced: 13 May 2025
https://github.com/open-wc/open-wc
Open Web Components: guides, tools and libraries for developing web components.
hacktoberfest javascript lit-element web-components
Last synced: 13 May 2025
https://github.com/Ismaestro/angular-example-app
Angular Example App is a beginner-friendly, production-ready web application built with Angular 19. It serves as a real-world example showcasing core Angular features such as CRUD operations, authentication, i18n (internationalization), lazy loading, and signals.
angular angular-best-practices angular19 base-project example-project frontend javascript real-world-app scalable-architecture web-components web-development
Last synced: 05 May 2025
https://github.com/muxinc/media-chrome
Custom elements (web components) for making audio and video player controls that look great in your website or app.
audio audio-player media-chrome mux ui-components video video-player web-components
Last synced: 12 May 2025
https://github.com/karol-f/vue-custom-element
Vue Custom Element - Web Components' Custom Elements for Vue.js
custom-elements vue-custom-element vuejs vuejs2 web-components
Last synced: 02 Oct 2025
https://github.com/ing-bank/lion
Fundamental white label web component features for your design system.
hacktoberfest javascript lion lit-html modern-web open-wc web-components
Last synced: 15 May 2025
https://github.com/ssleptsov/ninja-keys
Keyboard shortcuts interface for your website. Working with static HTML, Vanilla JS, Vue, React, Svelte.
hotkey hotkeys keyboard keyboard-shortcuts lit-element react shortcut svelte typescript typescript-library vue web-components
Last synced: 14 May 2025
https://github.com/nolanlawson/emoji-picker-element
A lightweight emoji picker for the modern web
custom-elements emoji emoji-picker indexeddb web-components
Last synced: 13 May 2025
https://github.com/lume/lume
GPU-powered 3D HTML. ✨🧊 <lume-box size="1 2 3">
3d 3d-engine 3d-graphics 3d-models css3d custom-elements dom-elements graphics graphics-engine graphics-programming html javascript lume scene three-d three-dimensions threejs ui web-components webgl
Last synced: 14 May 2025
https://github.com/Trendyol/baklava
Baklava is a design system provided by Trendyol to create a consistent UI/UX for app users.
components design-system frontend javascript lit typescript web-components
Last synced: 11 May 2025
https://github.com/trendyol/baklava
Baklava is a design system provided by Trendyol to create a consistent UI/UX for app users.
components design-system frontend javascript lit typescript web-components
Last synced: 13 May 2025
https://github.com/wix/stylable
Stylable - CSS for components
components css design-system preprocessor style theme web-components webpack
Last synced: 13 May 2025
https://github.com/crashmax-dev/fireworks-js
🎆 A simple fireworks library! Ready to use components available for React, Vue 3, Svelte, Angular, Preact, Solid, and Web Components.
angular animation canvas fireworks hacktoberfest javascript library monorepository npm-package particles preact react solidjs svelte typescript vue vue3 web-components zero-dependency
Last synced: 14 May 2025
https://github.com/xboxyan/xy-ui
🎨面向未来的原生 web components UI组件库
custom-elements giscus html5 javascript keyboard shadow-dom ui-components ui-library web-components webcomponents xy-ui
Last synced: 15 May 2025
https://github.com/XboxYan/xy-ui
🎨面向未来的原生 web components UI组件库
custom-elements giscus html5 javascript keyboard shadow-dom ui-components ui-library web-components webcomponents xy-ui
Last synced: 25 Mar 2025
https://github.com/googlechromelabs/dark-mode-toggle
A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:
custom-elements custom-elements-v1 dark-mode dark-mode-switcher dark-mode-toggle dark-theme dark-theme-switcher dark-theme-toggle media-queries prefers-color-scheme supported-color web-components
Last synced: 14 May 2025
https://github.com/GoogleChromeLabs/dark-mode-toggle
A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:
custom-elements custom-elements-v1 dark-mode dark-mode-switcher dark-mode-toggle dark-theme dark-theme-switcher dark-theme-toggle media-queries prefers-color-scheme supported-color web-components
Last synced: 21 Mar 2025
https://github.com/atomicojs/atomico
Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.
atomico hooks jsx reactive-properties shadow-dom web-components
Last synced: 10 Apr 2025
https://github.com/gdg-x/hoverboard
Conference website template
conference-management firebase firestore gdg hacktoberfest hoverboard lit-element material-design polymer pwa redux service-worker web-components
Last synced: 14 May 2025
https://github.com/microsoftgraph/microsoft-graph-toolkit
Authentication Providers and UI components for Microsoft Graph 🦒
devxeng hacktoberfest mgt mgt-react microsoft-graph microsoft-graph-toolkit microsoft-teams msal people-picker person-card react sharepoint spfx tasks todo web-components
Last synced: 13 May 2025
https://github.com/tbranyen/diffhtml
diffHTML is a web framework that helps you build applications and other interactive content
components diffhtml dom-components javascript virtual-dom web-components
Last synced: 13 May 2025
https://github.com/emuell/restic-browser
A GUI to browse and restore restic backup repositories.
lit-element mobx restic tauri tauri-app vaadin web-components
Last synced: 15 May 2025
https://github.com/web-padawan/vanilla-colorful
A tiny color picker custom element for modern web apps (2.7 KB) 🎨
color color-picker colorpicker custom-element custom-elements vanilla web-component web-components webcomponents
Last synced: 14 May 2025
https://github.com/elix/elix
High-quality, customizable web components for common user interface patterns
javascript user-interface web-components webcomponents
Last synced: 15 May 2025
https://github.com/coreui/coreui
Open Source UI Kit built on top of Bootstrap 5 and plain JavaScript without any additional libraries like jQuery
bootstrap bootstrap5 coreui css html javascript scss ui uikit web-components webapp
Last synced: 13 May 2025
https://github.com/monogatari/monogatari
Monogatari is a simple web visual novel engine, created to bring Visual Novels to the web.
custom-elements engine game-engine game-engines interactive-storytelling novel progressive-web-app text-based-adventure visual visual-novel visual-novel-engine visual-novels web-components
Last synced: 14 May 2025
https://github.com/Monogatari/Monogatari
Monogatari is a simple web visual novel engine, created to bring Visual Novels to the web.
custom-elements engine game-engine game-engines interactive-storytelling novel progressive-web-app text-based-adventure visual visual-novel visual-novel-engine visual-novels web-components
Last synced: 11 Mar 2025
https://github.com/github/details-dialog-element
A modal dialog that's opened with <details>.
custom-elements web-components
Last synced: 08 Oct 2025
https://github.com/cifkao/html-midi-player
🎹 Play and display MIDI files on the web
audio-player html javascript magenta-js midi midi-file midi-player music music-player player typescript web-component web-components
Last synced: 16 May 2025
https://github.com/gramps-project/gramps-web
Open Source Online Genealogy System
family-history family-tree gedcom genealogy gramps gramps-xml javascript lit web-components
Last synced: 14 May 2025
https://github.com/rstacruz/remount
Mount React components to the DOM using custom elements
custom-elements onmount react shadow-dom web-components
Last synced: 15 May 2025
https://github.com/peterpeterparker/stylo
Another kind of rich text editor
custom-elements editor rich-text-editor stenciljs web-components wysiwyg wysiwyg-editor
Last synced: 04 Apr 2025
https://github.com/esri/jsapi-resources
A collection of resources for developers using the ArcGIS Maps SDK for JavaScript.
arcgis-api arcgis-js-api javascript mapping sample-apps web-components web-development
Last synced: 14 May 2025
https://github.com/Esri/jsapi-resources
A collection of resources for developers using the ArcGIS Maps SDK for JavaScript.
arcgis-api arcgis-js-api javascript mapping sample-apps web-components web-development
Last synced: 30 Mar 2025
https://github.com/brisa-build/brisa
The Web Platform Framework.
javascript jsx server-components server-rendering signals static-site-generator streaming typescript web-components
Last synced: 14 May 2025
https://github.com/ionic-team/ionic-pwa-toolkit
Build lightning fast Progressive Web Apps with zero config and best practices built-in. Go from zero to production ready with Ionic and Stencil (Web Components).
ionic ionic-framework pwa pwa-apps web-components
Last synced: 05 Oct 2025
https://edcarroll.github.io/ng2-semantic-ui/
Semantic UI Angular Integrations (no jQuery)
angular angular-components no-jquery semantic-ui ui web-components
Last synced: 31 Mar 2025
https://github.com/edcarroll/ng2-semantic-ui
Semantic UI Angular Integrations (no jQuery)
angular angular-components no-jquery semantic-ui ui web-components
Last synced: 15 May 2025
https://github.com/github/details-menu-element
A menu opened with <details>.
custom-elements web-components
Last synced: 14 May 2025
https://github.com/polymer/web-component-tester
Moved to Polymer/tools monorepo
polymer testing web-components
Last synced: 14 May 2025
https://github.com/Polymer/web-component-tester
Moved to Polymer/tools monorepo
polymer testing web-components
Last synced: 14 Mar 2025
https://github.com/vaadin/vaadin
collection vaadin web-components webcomponents
Last synced: 15 May 2025
https://github.com/github/include-fragment-element
A client-side includes tag.
custom-elements web-components
Last synced: 14 May 2025
https://github.com/simplajs/simpla
Open, modular, and serverless content management for a modern web
cms cms-framework content-management json-api sdk simpla web-components
Last synced: 06 Apr 2025
https://github.com/salesforce/base-components-recipes
A collection of base component recipes for Lightning Web Components on Salesforce Platform
components lightning recipes web-components
Last synced: 08 Oct 2025
https://github.com/vaadin/web-components
A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
custom-elements design-system design-systems ui-components ui-kit ui-library vaadin web-components webcomponents
Last synced: 13 May 2025
https://github.com/UI5/webcomponents-react
A wrapper implementation for React of the UI5 Web Components that are compliant with the SAP Fiori User Experience
open-source react typescript ui-components web-components
Last synced: 27 Sep 2025
https://github.com/SAP/ui5-webcomponents-react
A wrapper implementation for React of the UI5 Web Components that are compliant with the SAP Fiori User Experience
open-source react typescript ui-components web-components
Last synced: 16 Jul 2025
https://github.com/SimonHoiberg/direflow
🧩 Use the best of two worlds. Create fast, performant, native Web Components using React.
direflow framework react web-components
Last synced: 30 Aug 2025
https://github.com/sap/ui5-webcomponents-react
A wrapper implementation for React of the UI5 Web Components that are compliant with the SAP Fiori User Experience
open-source react typescript ui-components web-components
Last synced: 14 May 2025
https://github.com/khmyznikov/pwa-install
Installation dialog for Progressive Web Application. Provides a more convenient user experience and fixes the lack of native dialogs in some browsers.
chrome component ios lit lit-element pwa react safari typescript web-components
Last synced: 11 Apr 2025
https://github.com/totallyinformation/node-red-contrib-uibuilder
Easily create data-driven web UI's for Node-RED. Single- & Multi-page. Multiple UI's. Work with existing web development workflows or mix and match with no-code/low-code features.
css dashboard data-driven flow-based-programming html javascript low-code no-code node-red ui web-app web-application web-components webapp website websockets zero-code
Last synced: 16 May 2025
https://github.com/carbon-design-system/carbon-web-components
Carbon Design System variant on top of Web Components
carbon-design-system community component-library design-system hacktoberfest ibm web-components
Last synced: 03 Oct 2025
https://github.com/TotallyInformation/node-red-contrib-uibuilder
Easily create data-driven web UI's for Node-RED. Single- & Multi-page. Multiple UI's. Work with existing web development workflows or mix and match with no-code/low-code features.
css dashboard data-driven flow-based-programming html javascript low-code no-code node-red ui web-app web-application web-components webapp website websockets zero-code
Last synced: 13 May 2025
https://github.com/github/clipboard-copy-element
Copy element text content or input values to the clipboard.
custom-elements web-components
Last synced: 13 May 2025
https://github.com/material-foundation/material-theme-builder
Visualize dynamic color and create a custom Material Theme.
android colors dynamic-color google lit mamaterial-theme-builder material material-design material-you theme theme-generator typescript web web-components
Last synced: 16 May 2025
https://github.com/mumuy/widget-qrcode
二维码组件 - 二维码插件/二维码美化/二维码库/二维码图片/QRCode tool/QRCode WebCompotent/QRCode Beautify
qrcode qrcode-generator qrcode-image qrcodejs web-components
Last synced: 23 Oct 2025
https://github.com/htmlelements/smart-webcomponents
Web Components & Custom Elements for Professional Web Applications
admin-dashboard angular datagrid es6-javascript grid html-elements html5 javascript javascript-framework javascript-library material material-components material-design material-ui ui-components ux vue3 web-components webcomponents
Last synced: 15 May 2025
https://github.com/HTMLElements/smart-webcomponents
Web Components & Custom Elements for Professional Web Applications
admin-dashboard angular datagrid es6-javascript grid html-elements html5 javascript javascript-framework javascript-library material material-components material-design material-ui ui-components ux vue3 web-components webcomponents
Last synced: 14 Mar 2025
https://github.com/gorango/glyphs
Dynamic design system for building and managing large icon sets in Figma and packaging them for the web
figma icons svg web-components
Last synced: 04 Apr 2025
https://github.com/marketingpipeline/markdown-tag
Render Markdown to HTML on any website using a md tag
commonmark custom-element frontend gfm github github-flavored-markdown github-markdown html html-converter javascript markdown markdown-converter markdown-flavors markdown-parser markdown-tag markdown-to-html md showdown web-component web-components
Last synced: 06 Apr 2025
https://github.com/open-amdocs/webrix
Powerful building blocks for React-based web applications
components frontend library react ui ui-components web-components
Last synced: 16 May 2025
https://github.com/MarketingPipeline/Markdown-Tag
Render Markdown to HTML on any website using a md tag
commonmark custom-element frontend gfm github github-flavored-markdown github-markdown html html-converter javascript markdown markdown-converter markdown-flavors markdown-parser markdown-tag markdown-to-html md showdown web-component web-components
Last synced: 29 Mar 2025
https://github.com/lemonadejs/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.
framework javascript micro-framework micro-frameworks micro-library microfrontend reactive two-way-binding two-way-data-binding ui vanilla-js web-component web-components web-components-library
Last synced: 14 May 2025
https://github.com/shprink/web-components-todo
A simple todo list built with various Web Components technologies
polymer stenciljs web-components
Last synced: 05 Apr 2025
https://github.com/ficusjs/ficusjs
FicusJS is a set of lightweight functions for developing applications using web components
ficusjs framework frontend javascript web-components
Last synced: 04 Apr 2025
https://github.com/hmans/three-elements
Web Components-powered custom HTML elements for building Three.js-powered games and interactive experiences. 🎉
3d-scene custom-elements dom html-elements threejs web-components webgl
Last synced: 08 Oct 2025
https://github.com/telekom/scale
Scale is the digital design system for Telekom products and experiences.
design-system monorepo sketch-generation stenciljs stenciljs-components typescript ui-toolkit web-components
Last synced: 14 May 2025
https://github.com/vaadin/vaadin-core
custom-elements vaadin web-components webcomponents
Last synced: 12 Dec 2025