Web Components

There are 15,024 repositories under web-components topic.

• storybook

  storybookjs / storybook

  Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

  angularcomponentsdesign-systemsdocumentationhtmljavascriptreactreact-nativestoriesstorybookstyleguidesveltetestingtypescriptuivitevueweb-componentswebpackworkshop
  Language:TypeScript 84708

• Polymer / polymer

  Our original Web Component library.

  polymerweb-components
  Language:HTML 22041
• omi

  Tencent / omi

  Web Components Framework - Web组件框架

  admincomponentscsscustom-elementsdashboardhtmljavascriptjsxomireactive-signalshadow-domsignaltailwindtailwindcsstsxtypescriptwebweb-componentswebcomponents
  Language:TypeScript 13068

• rough-stuff / wired-elements

  Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.

  lit-elementlit-htmlprototypingweb-componentswebcomponentswireframewireframes
  Language:TypeScript 10526

• material-components / material-web

  Material Design Web Components

  component-design-systemlitlit-elementlit-htmlmaterialmaterial-designmaterial-youmaterial3webweb-components
  Language:TypeScript 9385
• fast

  microsoft / fast

  The adaptive interface system for modern web experiences.

  adaptive-uianimation-librarycolor-librarycomponent-architecturecomponent-librarycomponentsdesign-architecturedesign-systemsdevelopment-toolsfront-end-frameworkreacttypescriptweb-accessibilityweb-componentsweb-components-schemasweb-standards
  Language:TypeScript 9289
• web-skills

  andreasbm / web-skills

  A visual overview of useful skills to learn as a web developer

  accessibilityalgorithmsarchitecturebackendbuild-toolscssdesignframeworkshtmljavascriptpwatestingweb-components
  Language:JavaScript 6971

• 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.

  accessibilityaccessible-componentsaccessible-designangularangular-componentsclaritycomponent-librarycomponentscssdesign-systemlit-elementstypescriptuiuxwebweb-componentsweb-components-library
  Language:TypeScript 6426

• zdhxiong / mdui

  Material Design 3(Material You) UI components using Web Components.

  cssjavascriptmaterialmaterial-designmaterial-design-3material-youweb-components
  Language:TypeScript 4180
• fluentui-blazor

  microsoft / fluentui-blazor

  Microsoft Fluent UI Blazor components library. For use with ASP.NET Core Blazor applications

  adaptive-uiblazorcomponent-architecturecomponent-librarycomponentscsharpcsharp-librarydesign-systemsdevelopment-toolsfluentfluentuifront-end-frameworkweb-componentsweb-standardswebassembly
  Language:C# 3880

• openui / open-ui

  Maintain an open standard for UI and promote its adherence and adoption.

  uiuxw3cstandardsweb-components
  Language:MDX 3587

• github / relative-time-element

  Web component extensions to the standard <time> element.

  web-componentscustom-elementstimezonelocalizationkeep
  Language:JavaScript 3570
• happy-dom

  capricorn86 / happy-dom

  A JavaScript implementation of a web browser without its graphical user interface

  angularbrowserbundomhtmljavascriptjestlit-elementlit-htmlnodejsreactsveltetesting-librarytypescriptvitestvueweb-componentswhatwg
  Language:TypeScript 3398

• skatejs / skatejs

  Effortless custom elements powered by modern view libraries.

  javascriptreactiveuiweb-components
  Language:JavaScript 3288
• web-components-examples

  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.

  examplesweb-components
  Language:JavaScript 3134

• web-padawan / awesome-web-components

  A curated list of awesome Web Components resources.

  awesomeawesome-listcustom-elementsshadow-domweb-componentswebcomponents
  2947

• github / github-elements

  GitHub's Web Component collection.

  element-collectionweb-components
  Language:JavaScript 2799

• 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...

  angularaudiodailymotiondashembedhlshtml5javascriptmediaplayerreactstenciljssveltevideovimevimeovueweb-componentsyoutube
  Language:TypeScript 2772

• yued-fe / lulu

  跨端跨框架的原生 UI 组件库，即插即用

  componentscsshtmljavascriptlulululu-ui-jsuiweb-components
  Language:JavaScript 2768

• matthewp / haunted

  React's Hooks API implemented for web components 👻

  hookslit-htmlreact-hooksweb-components
  Language:TypeScript 2619

• 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.

  accessibilityanalyticsaudiohlshtmljavascriptmediaplayerreactsolid-jssveltetypescriptuivideovimeovueweb-componentsyoutube
  Language:TypeScript 2305

• open-wc / open-wc

  Open Web Components: guides, tools and libraries for developing web components.

  hacktoberfestjavascriptlit-elementweb-components
  Language:JavaScript 2279

• karol-f / vue-custom-element

  Vue Custom Element - Web Components' Custom Elements for Vue.js

  custom-elementsvuejsvuejs2web-componentsvue-custom-element
  Language:JavaScript 1967
• media-chrome

  muxinc / media-chrome

  Custom elements (web components) for making audio and video player controls that look great in your website or app.

  audioaudio-playermedia-chromemuxui-componentsvideovideo-playerweb-components
  Language:TypeScript 1780

• ing-bank / lion

  Fundamental white label web component features for your design system.

  hacktoberfestjavascriptlionlit-htmlmodern-webopen-wcweb-components
  Language:JavaScript 1771

• ssleptsov / ninja-keys

  Keyboard shortcuts interface for your website. Working with static HTML, Vanilla JS, Vue, React, Svelte.

  hotkeyhotkeyskeyboardkeyboard-shortcutslit-elementreactshortcutsveltetypescripttypescript-libraryvueweb-components
  Language:TypeScript 1645

• nolanlawson / emoji-picker-element

  A lightweight emoji picker for the modern web

  custom-elementsemojiemoji-pickerindexeddbweb-components
  Language:JavaScript 1497
• lume

  lume / lume

  GPU-powered 3D HTML elements. ✨ <lume-box size="1 2 3">

  javascriptgraphicsgraphics-enginegraphics-programmingthree-dthree-dimensionsscenecustom-elementsuithreejswebglcss3dhtml3d3d-graphics3d-models3d-engineweb-componentsdom-elementslume
  Language:TypeScript 1349

• Trendyol / baklava

  Baklava is a design system provided by Trendyol to create a consistent UI/UX for app users.

  javascripttypescriptfrontenddesign-systemweb-componentslitcomponents
  Language:TypeScript 1279

• wix / stylable

  Stylable - CSS for components

  componentscssdesign-systempreprocessorstylethemeweb-componentswebpack
  Language:TypeScript 1269
• xy-ui

  XboxYan / xy-ui

  🎨面向未来的原生 web components UI组件库

  web-componentsui-componentshtml5javascriptkeyboardshadow-domcustom-elementsxy-uiwebcomponentsgiscusui-library
  Language:JavaScript 1197

• Polymer / polymer-bundler

  Moved to Polymer/tools monorepo

  polymerweb-components
  Language:TypeScript 1196
• atomico

  atomicojs / atomico

  Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.

  reactive-propertiesshadow-domjsxweb-componentsatomicohooks
  Language:JavaScript 1191

• GoogleChromeLabs / dark-mode-toggle

  A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:

  custom-elementscustom-elements-v1dark-modedark-mode-switcherdark-mode-toggledark-themedark-theme-switcherdark-theme-togglemedia-queriesprefers-color-schemesupported-colorweb-components
  Language:JavaScript 1177

• crashmax-dev / fireworks-js

  🎆 A simple fireworks library! Ready to use components available for React, Vue 3, Svelte, Angular, Preact, Solid, and Web Components.

  fireworksanimationcanvasjavascripttypescriptlibraryreactnpm-packagepreactangularsolidjssveltevuemonorepositoryparticlesvue3web-componentshacktoberfestzero-dependency
  Language:TypeScript 1116
• hoverboard

  gdg-x / hoverboard

  Conference website template

  hoverboardgdgpolymerfirebaseservice-workermaterial-designreduxfirestorepwahacktoberfestconference-managementlit-elementweb-components
  Language:TypeScript 1106