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 (1695)

elements
elements NVIDIA TypeScript

NVIDIA Design System and UI Agent Harness for AI/ML Factories, Robotics, and Autonomous Vehicles

85
components
components socketsupply JavaScript

Example Components (Built with Tonic)

85
webui
webui microsoft Rust

Server Side Rendering without JavaScript on the server. No virtual DOM. No JSX. Just HTML, streamed from any language.

84
PolymerProjects
PolymerProjects abdonrd

An open list of projects using Polymer

82
litelement-website
litelement-website luixaviles TypeScript

A Single Page Application(SPA) based on Web Components using LitElement and TypeScript

82
color-legend-element
color-legend-element clhenrick TypeScript

A custom element (web component) suitable for use as a legend in data visualizations

82
web-components-good-practices
web-components-good-practices afonsopacifer

:sunglasses::ballot_box_with_check: Good Practices for build Web Components.

81
elm-web-components
elm-web-components thread JavaScript

A small JavaScript package to let you wrap your Elm applications up in a web component.

80
core
core BrightspaceUI JavaScript

A collection of accessible, free, open-source web components for building Brightspace applications.

79
maverick
maverick maverick-js TypeScript

Build and ship strongly typed and fast UI component libraries.

78
tram-lite
tram-lite Tram-One JavaScript

💡 Declarative HTML library for native web-components

78
webcomponents-from-zero-to-hero
webcomponents-from-zero-to-hero thepassle JavaScript

An introduction to writing raw web components.

77
ic-design-system
ic-design-system mi6 MDX

Intelligence Community Design System

77
elements
elements inovex TypeScript

Lovingly crafted ui components based on web components. Works well with all Frameworks - including Angular, React and Vue.

76
polymer-editor-service
polymer-editor-service Polymer TypeScript

Moved to Polymer/tools monorepo

75
github-card
github-card rocktimsaikia JavaScript

Github profile web component that actually looks good

74
accessibility-buttons
accessibility-buttons tiagoporto HTML

Web component for adding/removing contrast and increasing/decreasing font size.

74
fundamental-tools
fundamental-tools SAP-archive JavaScript

Web applications with ABAP, done simple.

73
launch-timeline
launch-timeline r-spacex CSS

Visual launch timeline using the r/SpaceX API

71
virex.lol
virex.lol hnpf TypeScript

My personal website. Uses a Material 3 Expressive styled shell, photo gallery, blog, and features tons of customization options. Built on React 19. Re...

71
compo
compo Swiip JavaScript

🎼Compo·sing Web Compo·nents

70
flip-clock
flip-clock Granze HTML

A flip clock, timer and countdown made with Polymer

70
esl
esl exadel-inc TypeScript

Lightweight and flexible UI component library based on web components technology for creating basic UX modules

68
forge
forge tyler-technologies-oss TypeScript

Framework agnostic Web Component library that implements the Tyler Forge™ design system.

68
wc-markdown
wc-markdown vanillawc JavaScript

A vanilla Markdown Web Component with optional syntax highlighting support

67
components
components sl-design-system TypeScript

SL Design System

67
lyne-components
lyne-components sbb-design-systems TypeScript

Components for Lyne Design System

66
vue-custom-element-example
vue-custom-element-example ElMassimo TypeScript

An example on how to define custom elements using Vue 3

66
frosted-glass
frosted-glass adriancarriger HTML

❄️ Add a live frosted glass blur effect over any type of web content, including text.

65
wc-helpers
wc-helpers mfcc64 JavaScript

Helpers for Web Components

65
phoenix-duskmoon-ui
phoenix-duskmoon-ui duskmoon-dev C

Duskmoon UI for Phoenix Framework

65
pure-web-bottom-sheet
pure-web-bottom-sheet viliket TypeScript

A performant, lightweight, and accessible bottom sheet web component powered by CSS scroll snap and CSS scroll-driven animations. Works with any frame...

64
nuxeo-web-ui
nuxeo-web-ui nuxeo JavaScript

New Nuxeo Web UI

64
dj-angles
dj-angles adamghill Python

Transpile HTML to the Django Template Language </>

64
aria-collapsible
aria-collapsible jgarber623 HTML

A dependency-free Web Component that generates progressively-enhanced collapsible regions using ARIA States and Properties.

64
fed-embed
fed-embed andy-blum TypeScript

A highly customizable, lightweight mastodon feed embed component

63
custom-elements-ts
custom-elements-ts geocine TypeScript

Create Native Web Components using Typescript

62
filter-input-element
filter-input-element github TypeScript

Display elements in a subtree that match filter input text.

61
react-ui-framework
react-ui-framework petehouston

My personal collection of React UI Framework.

60
file-input
file-input rnicholus JavaScript

A better <input type="file">

59
selectlist-polyfill
selectlist-polyfill luwes JavaScript

Polyfill for the selectlist element

59
lit-components
lit-components web-padawan JavaScript

Moved to https://github.com/vaadin/component-mixins

58
twitter-status
twitter-status abraham TypeScript

Twitter Status Web Component

58
focus-trap
focus-trap andreasbm TypeScript

A lightweight web component that traps focus within a DOM node

58
component-library
component-library department-of-veterans-affairs TypeScript

This module contains reusable components for the VA.gov design system published as an NPM package for use in the vets-website frontend codebase.

58
Learning-at-ZJU-Helper
Learning-at-ZJU-Helper memset0 JavaScript

浙江大学 学在浙大/智云课堂 辅助脚本

57
blog-pwa
blog-pwa justinribeiro HTML

Combining Lit Web Components, Hugo, Service Worker, and Rollup into a progressive web app blog.

57
cwco
cwco beforesemicolon TypeScript

Powerful and Fast Web Component Library with a Simple API

57
lwc-modal
lwc-modal jamessimone JavaScript

Accessible, composable modal for Salesforce.com (SFDC)'s Lightning Web Components (LWC) system

57
Code-Runner-Web-Component
Code-Runner-Web-Component MarketingPipeline JavaScript

A web component that allows you to run high level programming languages on your websites (static websites included!)

56