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

tram-lite
tram-lite Tram-One JavaScript

💡 Declarative HTML library for native web-components

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

73
accessibility-buttons
accessibility-buttons tiagoporto HTML

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

73
fundamental-tools
fundamental-tools SAP-archive JavaScript

Web applications with ABAP, done simple.

73
ic-design-system
ic-design-system mi6 MDX

Intelligence Community Design System

72
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
launch-timeline
launch-timeline r-spacex CSS

Visual launch timeline using the r/SpaceX API

69
wc-markdown
wc-markdown vanillawc JavaScript

A vanilla Markdown Web Component with optional syntax highlighting support

67
forge
forge tyler-technologies-oss TypeScript

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

67
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
esl
esl exadel-inc TypeScript

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

65
phoenix-duskmoon-ui
phoenix-duskmoon-ui duskmoon-dev Elixir

Duskmoon UI for Phoenix Framework

65
wc-helpers
wc-helpers mfcc64 JavaScript

Helpers for Web Components

65
aria-collapsible
aria-collapsible jgarber623 HTML

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

64
lyne-components
lyne-components sbb-design-systems TypeScript

Components for Lyne Design System

64
fed-embed
fed-embed andy-blum TypeScript

A highly customizable, lightweight mastodon feed embed component

63
components
components sl-design-system TypeScript

SL Design System

63
nuxeo-web-ui
nuxeo-web-ui nuxeo JavaScript

New Nuxeo Web UI

62
dj-angles
dj-angles adamghill Python

Transpile HTML to the Django Template Language </>

62
custom-elements-ts
custom-elements-ts geocine TypeScript

Create native custom elements using Typescript

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
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
filter-input-element
filter-input-element github TypeScript

Display elements in a subtree that match filter input text.

58
cwco
cwco beforesemicolon TypeScript

Powerful and Fast Web Component Library with a Simple API

58
blog-pwa
blog-pwa justinribeiro HTML

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

57
lwc-modal
lwc-modal jamessimone JavaScript

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

57
focus-trap
focus-trap andreasbm TypeScript

A lightweight web component that traps focus within a DOM node

56
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
11ty-web-component-generator
11ty-web-component-generator 5t3ph HTML

Use the power of 11ty to generate web components (custom elements).

55
Ace-Editor-Web-Component
Ace-Editor-Web-Component MarketingPipeline JavaScript

A web-component to add code editors to your web page powered via Ace Editor

55
create-stencil
create-stencil stenciljs TypeScript

npm init stencil

54
l2t-paper-slider
l2t-paper-slider Link2Twenty HTML

Polymer element for displaying slides in a carousel

53
advanced-chat-kai
advanced-chat-kai spider-hand TypeScript

A highly customizable chat Web Component that integrates easily with shadcn - works with any framework (React, Vue, Angular, Svelte, etc.)

53
vaadin-charts
vaadin-charts vaadin HTML

Vaadin Charts is a feature-rich interactive graph library that answers the data visualization needs of modern web applications

53
webcomponents.dev
webcomponents.dev divriots

Web Components IDE

53
aruco-marker
aruco-marker bhollis TypeScript

JavaScript library and custom HTML element for generating Aruco marker images

52
Learning-at-ZJU-Helper
Learning-at-ZJU-Helper memset0 JavaScript

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

52
smart-table-community
smart-table-community HTMLElements CSS

Smart Table Community is an open-source, highly customizable Table UI component that works seamlessly with React, Angular, Vue, Javascript & Blazor

52
grid-container
grid-container charbelrami HTML

A grid for the future, CSS Grid Layout + Web Components (Custom Elements v1 + Shadow DOM v1)

51
vuesence-book
vuesence-book vuesence Vue

Minimalistic Vue.js based documentation system component

51
zephjs
zephjs awesomeeng JavaScript

ZephJS is an easy, understandable, and ultra-light framework for defining and using Web Components.

51
Willow
Willow ba-st Smalltalk

The Web Interaction Library that eases the burden of creating AJAX-based web applications

51