web-components
Topic

web-components

Developers can create custom, reusable, encapsulated HTML tags for the web using Web Components. Components use the Custom Element standard, frequently in combination with the Shadow DOM, HTML Templates, and ES Modules.

Repositories (1522)

storybook
storybook storybookjs TypeScript

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

87.7k
polymer
polymer Polymer HTML

Our original Web Component library.

22.1k
omi
omi Tencent TypeScript

Web Components Framework - Web组件框架

13.2k
wired-elements
wired-elements rough-stuff TypeScript

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

10.6k
material-web
material-web material-components TypeScript

Material Design Web Components

10.2k
fast
fast microsoft TypeScript

The adaptive interface system for modern web experiences.

9.5k
web-skills
web-skills andreasbm JavaScript

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

7.4k
clarity
clarity vmware-archive TypeScript

Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for e...

6.4k
mdui
mdui zdhxiong TypeScript

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

4.4k
fluentui-blazor
fluentui-blazor microsoft C#

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

4.3k
open-ui
open-ui openui MDX

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

4.3k
happy-dom
happy-dom capricorn86 TypeScript

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

3.9k
relative-time-element
relative-time-element github JavaScript

Web component extensions to the standard <time> element.

3.7k
skatejs
skatejs skatejs JavaScript

Effortless custom elements powered by modern view libraries.

3.3k
web-components-examples
web-components-examples mdn JavaScript

A series of web components examples, related to the MDN web components documentation at https://developer.mozilla.org/en-US/docs/Web/Web_Components.

3.2k
awesome-web-components
awesome-web-components web-padawan

A curated list of awesome Web Components resources.

3.2k
player
player vidstack TypeScript

UI components and hooks for building video/audio players on the web. Robust, customizable, and accessible. Modern alternative to JW Player and Video.j...

3k
github-elements
github-elements github JavaScript

GitHub's Web Component collection.

2.9k
vime
vime vime-js TypeScript

Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube,...

2.8k
hybrids
hybrids hybridsjs JavaScript

Extraordinary JavaScript UI framework with unique declarative and functional architecture

2.8k
lulu
lulu yued-fe JavaScript

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

2.8k
haunted
haunted matthewp TypeScript

React's Hooks API implemented for web components 👻

2.7k
open-wc
open-wc open-wc JavaScript

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

2.3k
media-chrome
media-chrome muxinc TypeScript

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

2.3k
angular-example-app
angular-example-app Ismaestro TypeScript

Angular Example App is a beginner-friendly, production-ready web application built with Angular 19. It serves as a real-world example showcasing core...

2.3k
lion
lion ing-bank JavaScript

Fundamental white label web component features for your design system.

1.8k
ninja-keys
ninja-keys ssleptsov TypeScript

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

1.7k
emoji-picker-element
emoji-picker-element nolanlawson JavaScript

A lightweight emoji picker for the modern web

1.6k
quark-design
quark-design hellof2e TypeScript

Next-gen frontend component library, it can be used in any framework or no framework.

1.5k
lume
lume lume TypeScript

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

1.4k
baklava
baklava Trendyol TypeScript

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

1.3k
ui5-webcomponents
ui5-webcomponents SAP TypeScript

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.

1.3k
fireworks-js
fireworks-js crashmax-dev TypeScript

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

1.3k
stylable
stylable wix TypeScript

Stylable - CSS for components

1.3k
atomico
atomico atomicojs JavaScript

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

1.2k
xy-ui
xy-ui XboxYan JavaScript

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

1.2k
dark-mode-toggle
dark-mode-toggle GoogleChromeLabs JavaScript

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

1.2k
polymer-bundler
polymer-bundler Polymer TypeScript

Moved to Polymer/tools monorepo

1.2k
hoverboard
hoverboard gdg-x TypeScript

Conference website template

1.1k
microsoft-graph-toolkit
microsoft-graph-toolkit microsoftgraph TypeScript

Authentication Providers and UI components for Microsoft Graph 🦒

998
restic-browser
restic-browser emuell TypeScript

A GUI to browse and restore restic backup repositories.

898
diffhtml
diffhtml tbranyen JavaScript

diffHTML is a web framework that helps you build applications and other interactive content

871
elix
elix elix JavaScript

High-quality, customizable web components for common user interface patterns

831
vanilla-colorful
vanilla-colorful web-padawan TypeScript

A tiny color picker custom element for modern web apps (2.7 KB) 🎨

826
coreui
coreui coreui JavaScript

Open Source UI Kit built on top of Bootstrap 5 and plain JavaScript without any additional libraries like jQuery

816
gramps-web
gramps-web gramps-project JavaScript

Open Source Online Genealogy System

777
Monogatari
Monogatari Monogatari JavaScript

Monogatari is a simple web visual novel engine, created to bring Visual Novels to the web.

775
html-midi-player
html-midi-player cifkao TypeScript

🎹 Play and display MIDI files on the web

756
details-dialog-element
details-dialog-element github JavaScript

A modal dialog that's opened with <details>.

752
jsapi-resources
jsapi-resources Esri JavaScript

A collection of resources for developers using the ArcGIS Maps SDK for JavaScript.

738