web-component

Developers can create custom, reusable, encapsulated HTML tags for the web using Web Components. Components use theCustom Element standard, frequently in combination with theShadow DOM,HTML Templates, andES Modules.

Here are 734 public repositories matching this topic...

Language:All

Filter by language

All734 JavaScript302 TypeScript238 HTML118 CSS21 Vue13 Svelte8 SCSS4 Elm2 Java2 Dart1

Sort:Most stars

Sort options

Most stars Fewest stars Most forks Fewest forks Recently updated Least recently updated

css-doodle /css-doodle

Star5.8k

A web component for visual art and creative coding

css web-component patterns creative-coding generative-art generative visual-art css-doodle

UpdatedOct 11, 2025
JavaScript

salesforce /lwc

Star1.7k

⚡️ LWC - A Blazing Fast, Enterprise-Grade Web Components Foundation

web-component library framework webcomponents salesforce lwc

UpdatedOct 13, 2025
JavaScript

duetds /date-picker

Star1.7k

Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Try live example athttps://duetds.github.io/date-picker/

javascript web-component accessibility datepicker javascript-library date-picker datepicker-component calendar-component calendar-widget webcomponent stenciljs stencil-js

UpdatedMar 19, 2024
TypeScript

UI5 /webcomponents

Star1.7k

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

web-component open-source ui5 webcomponent ui5-webcomponents

UpdatedOct 13, 2025
TypeScript

LottieFiles /lottie-player

Star1.6k

Lottie viewer/player as an easy to use web component!https://lottiefiles.com/web-player

web-component bodymovin lottie lottie-web lit-element

UpdatedDec 10, 2024
TypeScript

TonyGermaneri /canvas-datagrid

Star1.5k

Canvas based data grid web component. Capable of displaying millions of contiguous hierarchical rows and columns without paging or loading, on a single canvas element.

web-component component datatable datagrid

UpdatedSep 18, 2025
JavaScript

WickyNilliams /cally

Star1.5k

Small, feature-rich calendar components

web-component calendar datepicker date-picker calendar-component webcomponent

UpdatedJun 8, 2025
TypeScript

jhildenbiddle /css-vars-ponyfill

Sponsor

Star1.5k

Client-side support for CSS custom properties (aka "CSS variables") in legacy and modern browsers

javascript css polyfill web-component client legacy module ie9 ie ponyfill client-side internet-explorer shadow-dom shadow variables ie10 vars ie11 custom-properties custom-property

UpdatedMar 5, 2024
JavaScript

bitjson /qr-code

Star1.4k

A no-framework, no-dependencies, customizable, animate-able, SVG-based <qr-code> HTML element.

svg web-component bitcoin stencil svg-animations ethereum qr-code cryptocurrency animated qr-generator bch web-animations bitcoin-cash qr-code-generator qr-code-component

UpdatedFeb 28, 2023
TypeScript

justinribeiro /lite-youtube

Sponsor

Star1.3k

The fastest little YouTube web component on this side of the internet. The shadow dom web component version of Paul's lite-youtube-embed.

web-component youtube vanilla-webcomponent

UpdatedSep 24, 2025
TypeScript

web-padawan /vanilla-colorful

Star834

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

web-component color webcomponents vanilla color-picker web-components custom-elements colorpicker custom-element

UpdatedSep 6, 2024
TypeScript

cifkao /html-midi-player

Star803

🎹 Play and display MIDI files on the web

javascript music html web-component player typescript music-player midi web-components audio-player midi-player midi-file magenta-js

UpdatedJul 6, 2025
TypeScript

sneas /img-comparison-slider

Star794

Image comparison slider. Compare images before and after. Supports React, Vue, Angular.

react html web-component angular vue slider image-comparison compare-images comparison-slider

UpdatedJun 21, 2024
TypeScript

niutech /x-frame-bypass

Star731

Web Component extending IFrame to bypass X-Frame-Options: deny/sameorigin

web-component iframe custom-element x-frame-options

UpdatedJul 14, 2025
JavaScript

MarketingPipeline /Markdown-Tag

Sponsor

Star448

Render Markdown to HTML on any website using a md tag

github javascript html web-component markdown gfm github-flavored-markdown frontend web-components markdown-parser commonmark html-converter markdown-to-html markdown-converter showdown markdown-flavors md custom-element github-markdown markdown-tag

UpdatedNov 9, 2022
CSS

tur-nr /polymer-redux

Star437

Polymer bindings for Redux.

redux web-component polymer bindings

UpdatedDec 7, 2022
JavaScript

lemonadejs /lemonadejs

Star434

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.

javascript web-component framework reactive ui micro-framework web-components vanilla-js micro-library two-way-data-binding two-way-binding microfrontend web-components-library micro-frameworks