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)

montecarlo
montecarlo paulhoughton JavaScript

Portfolio simulation running in a OCaml web worker

10
brick
brick Polight JavaScript

🌱 Minimalistic, fast and reactive Web-component library. ⚠️ Brick was merged into Lego: https://github.com/Polight/lego

10
ascii-diagram
ascii-diagram ichiban HTML

<ascii-diagram> tag

10
microfrontend-article
microfrontend-article DavideCarvalho JavaScript

Micro Front End

10
start-for-free-demo-app
start-for-free-demo-app mindsphere TypeScript

A small demo app which can be used as a starting point for your MindSphere #StartForFree developer experience.

10
wc-resume
wc-resume vanillawc JavaScript

A resume.json vanilla web component

10
wc-social-link
wc-social-link vanillawc JavaScript

A vanilla web component for social media links

10
ficusjs-router
ficusjs-router ficusjs JavaScript

Lightweight client-side router that supports history and hash routing plus web components

10
bootstrap-stencil
bootstrap-stencil elebetsamer JavaScript

A collection of web-components for Bootstrap using Stencil

10
vaadin-grid-pro
vaadin-grid-pro vaadin HTML

vaadin-grid-pro is a high quality data grid / data table Web Component with extended functionality. Part of the Vaadin components.

10
beautiful-backgrounds
beautiful-backgrounds Niekes TypeScript

The "Beautiful Backgrounds" library offers a collection of customizable web components designed to enhance web pages with visually appealing animated...

10
xiome
xiome chase-moskal TypeScript

open-source cloud-powered web components

10
Samples-Reports.WEB-for-Blazor-WebAssembly
Samples-Reports.WEB-for-Blazor-WebAssembly stimulsoft HTML

Blazor WebAssembly (Wasm) samples for Reports.BLAZOR report generator, Visual Studio C# projects, and .NET 6, .NET 7, .NET 8 embedded components

9
yozo
yozo vrugtehagel JavaScript

A custom element library for simple, robust and readable components

9
ui5-webcomponents-ngx-sample
ui5-webcomponents-ngx-sample SAP-samples TypeScript

Sample application to demonstrate UI5 Web Components for Angular powered by Fundamental Library Styles.

9
bandcamp-player
bandcamp-player jgarber623 JavaScript

A dependency-free Web Component that generates a Bandcamp embedded player.

9
widget-code
widget-code mumuy JavaScript

代码美化组件 - 基于Web Component的代码着色美化组件_make code beautify

9
w3c-banners
w3c-banners zachleat HTML

A non-image based non-normative proposal for conformance of W3C status banners.

9
PaperUI
PaperUI Opensource-Paper JavaScript

The Paper UI library allows users to easily import and style a wide range of components with a singular cdn link.

9
ontario-design-system
ontario-design-system ongov TypeScript

Web components and npm packages for the Ontario Design System, designed to help you create great digital products for the Ontario government.

9
stencil-firebase
stencil-firebase ranjeetsinghbnl TypeScript

This is a boilerplate for creating a webapp using Stencil + Firebase + Stencil Store.

9
generic.hypermedia.app
generic.hypermedia.app hypermedia-app TypeScript

A generic Hydra console built with Hydrofoil

9
wc-demo
wc-demo vanillawc JavaScript

A vanilla web component to demo vanilla web components

9
vaadin-accordion
vaadin-accordion vaadin HTML

The Web Component for accordions. Part of the Vaadin components.

9
vaadin-radio-button
vaadin-radio-button vaadin HTML

The Web Component for customized radio buttons. Part of the Vaadin components.

9
spreadsheet
spreadsheet witqq TypeScript

Canvas-based spreadsheet engine for React, Vue, Angular. 100K+ rows, zero dependencies, formula engine, real-time collaboration.

9
im_robot
im_robot leopechnicki TypeScript

Reverse-CAPTCHA for AI agents — verify bots, not humans. Multi-framework (React, Vue, Svelte, Web Components). Zero dependencies. TypeScript.

9
valle-input
valle-input valleweb JavaScript

Awesome valle input element - web component using Polymer 3x

9
valence
valence valencets TypeScript

Schema-driven web framework for Node.js and PostgreSQL. One TypeScript config derives database, admin UI, REST + GraphQL APIs, routing, and analytics....

9
lisk-buttons
lisk-buttons lisk-builders TypeScript

🖲️ Lisk Buttons allow you to open Lisk Nano wallet with pre-filled forms

9
chart.js-stencil
chart.js-stencil bitflower TypeScript

Chart web components built with StencilJS & Chart.js

9
cute-css
cute-css bmarkov JavaScript

Visual primitives for components. Use the best bits of ES6 and CSS to style your apps very quickly

9
bacom
bacom prantlf HTML

Basic library for writing web components.

9
katabatic
katabatic katabatic-js JavaScript

Drop is a compiler which turns html modules into JS

9
button
button BrightspaceUI SCSS

Polymer-based web components for D2L buttons

9
mettle-components
mettle-components johnsonandjohnson JavaScript

Mettle components are a collection of custom elements based of the Web Components spec to be used in front-end JavaScript applications.

9
fez
fez dux JavaScript

Modern (Svelte like) web components with reactive state, scoped styles, zero dependencies and no compile.

9
spa-wc-vite
spa-wc-vite LeonEck TypeScript

Single Page Application (SPA) demo using web components powered by vite.

9
web-components
web-components FightingDesign TypeScript

⚡ 建立在 Web 标准之上的下一代的 UI 组件库。(⚡ Next generation UI component library based on Web standards.)

9
cornerKit
cornerKit bejarcode TypeScript

Lightweight JavaScript library (3.66 KB) for iOS-style squircle corners (corners using superellipse math). Zero dependencies, 98%+ browser support, fr...

9
serviceworker-helpers
serviceworker-helpers morbidick HTML

Display a toast on available service worker update

9
Web-Awesome-Components-List
Web-Awesome-Components-List RichLewis007

Comprehensive lists of all components in the Web Awesome library, free and pro, completed and upcoming. Lists include alphabeticized, categorized, and...

9
natural-sticky
natural-sticky kadykov TypeScript

Hide-on-scroll effect without animations. Smart positioning + native scrolling = natural movement that flows with your scroll speed. Multiple elements...

9
htmleditor
htmleditor BrightspaceUI JavaScript

An HTML editor that integrates with Brightspace.

9
pin-field
pin-field soywod TypeScript

📟 Native web component for entering PIN codes.

9
form-required-checkboxes
form-required-checkboxes aarongustafson JavaScript

Web component that enables requirement rules for checkbox groups

9
i18n-element
i18n-element t2ym HTML

I18N Base Element for Lit and Polymer

8
block-link
block-link alangdm HTML

A simple and super lightweight web component to create block links.

8
vaadin-app-layout
vaadin-app-layout vaadin HTML

The Web Component for a common application layout. Part of the Vaadin components.

8
base_lit-with-tailwind
base_lit-with-tailwind lloydrichards CSS

Template for how to setup lit using vite and tailwind.

8