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)

toggle-categories
toggle-categories nonsalant CSS

"Toggles" that control categories of toggle switches with intermediary state for when only some subitems are active

3
wompo
wompo wompojs TypeScript

Wompo is a React-like web components library to create functional UIs in the web.

3
web-component-starter
web-component-starter OvidijusParsiunas JavaScript

Web component starter projects to get you started in seconds!

3
vue3-custom-element-with-quasar
vue3-custom-element-with-quasar TranTrungTinh TypeScript

Build web-component with vue3

3
wc
wc holejs TypeScript

A Universal Web Components made with Lit ✨

3
eye-dropper-element
eye-dropper-element georapbox JavaScript

A custom element that implements the EyeDropper API that allows the user to select colors from the screen.

3
video-placeholder
video-placeholder oskarrough HTML

A custom element for prettier embeds for flashy sites

3
shopping-cart-web-component
shopping-cart-web-component chanmyaemaung JavaScript

Shopping Cart - Web Component

3
jsx-autodocs
jsx-autodocs luiguild TypeScript

Create JSX documentation from your components easy peasy

3
zoo
zoo snubydev Go

Web application example: Go server-side html + HTMX + Svelte Web Component

3
holochain-stencil-template
holochain-stencil-template arkologystudio TypeScript

Starter template for a Holochain + Stencil app

3
vantage-renderer
vantage-renderer thometnanni JavaScript

Vantage-renderer is an open-source 3D projection renderer built with Three.js. It provides a modular framework for projecting media (images and videos...

3
a-tab-group
a-tab-group georapbox JavaScript

A custom element to create a group of tabs and tab panels.

3
audio-player
audio-player littlewall TypeScript

Audio player web component with optional playlist/album view

3
fractl-ui
fractl-ui sameoldlab TypeScript

chain/VM agnostic UI components

3
scalar
scalar mirdware JavaScript

Javascript not intrusive

3
bloum
bloum balsigergil TypeScript

The UI component library for backend developers.

3
draqun
draqun Mopsgamer Go

HTMX-driven chat web application. We polish it without adding new features until it becomes perfectly convenient for development. Help wanted.

3
christmas-lights.js
christmas-lights.js bradly JavaScript

Interactive Christmas lights for your web page

3
print-button
print-button nonsalant JavaScript

Web Component to print only a specific element (instead of the whole page)

3
Habiscript
Habiscript Dorky-Robot JavaScript

Unify HTML, CSS, and JS into nested array structures. Write UI as composable JavaScript arrays that compile to DOM elements — no templates, no JSX, no...

3
open-cells
open-cells 0arzate JavaScript

Template for building web applications using BBVA's Open Cells framework

3
stemplayer-js-monorepo
stemplayer-js-monorepo firstcoders JavaScript

Framework-agnostic web components for building stem players in the browser. Stream and mix multi-track audio via the Web Audio API with HLS support, w...

3
cart-js
cart-js prappo TypeScript

A lightweight, customizable shopping cart library for modern web applications. Built with TypeScript, featuring template system, discount management,...

3
remote-template
remote-template jgarber623 HTML

A dependency-free Web Component that fetches a URL and appends the response to a <template>.

3
lilla
lilla ethical-gradient JavaScript

Lilla is a compact reactive UI library built on native Web Components.

3
window-controls
window-controls vinlemon JavaScript

Web components offering native-like window controls, primarily designed for Tauri 2.

3
rollup-plugin-inline-custom-elements-ts
rollup-plugin-inline-custom-elements-ts aelbore TypeScript

Rollup plugin to inline templateUrl and styleUrl for custom-element-ts library

2
portal-components
portal-components inventage TypeScript

A collection of webcomponents for enterprise portals.

2
chess-board
chess-board sandy98 TypeScript

ChessBoard as a web component, meant to be used with any framework (Vue, React, Angular, even none). Compiled with Stencil.js. See demo at:

2
mtz-ajax-interceptor
mtz-ajax-interceptor MaritzSTL HTML

A group of elements to support intercepting ajax requests for injecting headers or handling responses globally.

2
image-action
image-action BrightspaceUI HTML

Polymer-based web components for D2L image-actions

2
using-custom-elements
using-custom-elements ricardocasares JavaScript

Start using Custom Elements

2
more-less
more-less BrightspaceUI JavaScript

Polymer-based web component for a D2L more-less control

2
html-to-web-components
html-to-web-components VSADX
2
FrontEnd
FrontEnd UNArqui17i-B HTML

Web page for BlinkBox

2
bs4-polymer
bs4-polymer patkub HTML

Bootstrap 4 elements and shared styles for Polymer 2

2
leo
leo basiclines JavaScript

LEO is a lightweight JS library that helps you build modern front-end applications.

2
material-kit
material-kit xaota HTML

Проект с примерами использования веб-компонент из @xaota/material

2
seed
seed vicdata4 JavaScript

Lightweight web application based on web-components.

2
gatsby-preact-web-component-test
gatsby-preact-web-component-test whoisryosuke CSS

Starter template for Gatsby + Preact + Web Components

2
create-catalyst
create-catalyst dvalinotti JavaScript

NPM create-app command for scaffolding a new Web Components project with GitHub's Catalyst

2
wc-csv-table
wc-csv-table vanillawc JavaScript

A vanilla web component to present CSV as a HTML table

2
front-end-framework-bench
front-end-framework-bench tostaylo Rust

Automated browser rendering performance benchmarking suite for front-end frameworks. Results -> https://front-end-framework-bench.torretaylor.me/

2
properties-from-ancestor-behavior
properties-from-ancestor-behavior AqoviaElements HTML

Polymer mixin (behavior) for a web component to take a property value from the closest ancestor that has it

2
Wikipedia-Desktop-App
Wikipedia-Desktop-App FlorianFe JavaScript

📚🔎 A small app that uses the inofficial wikipedia API

2
latest-commit
latest-commit sidvishnoi JavaScript

Track changes at specific GitHub URLs, without the need to visit them at GitHub every time.

2
TS-Web-Components-multiple-HTML
TS-Web-Components-multiple-HTML webpreneur JavaScript
2
fs-person-portrait
fs-person-portrait fs-webcomponents HTML

Web component for a person's portrait

2
Project-Portfolio
Project-Portfolio drg49 JavaScript

My project portfolio designed with HTML, Bootstrap, and jQuery.

2