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)

xtal-element
xtal-element bahrus TypeScript

Opinionated Web Component Helpers

2
SvaLit
SvaLit SvaLit JavaScript

🍦 SSR Vanilla Async @Lit

2
elements
elements nfreear JavaScript

Experimental custom elements.

2
be-adoptive
be-adoptive bahrus TypeScript

be-adoptive allows Shadow DOM to inherit styles from the parent element.

2
ia-icons
ia-icons internetarchive JavaScript

SVG icons and ia-icon components

2
practice-session
practice-session VimukthiGunasekara CSS

In this front-end practice session, I'll do some exercises to help me get a feel for how to develop web components. sometimes it is also important to...

2
new-normal
new-normal joust HTML

Corona argument playground

2
web-component-template
web-component-template eoh-bse TypeScript

Simple, lightweight and unopinionated boilerplate code set-up for web-component-based front-end project with heavy focus on avoiding bloat and complex...

2
bonsai
bonsai joelek TypeScript

Lightweight, functional and robust library for creating reactive web components. Written completely in TypeScript.

2
runway
runway philipahlberg TypeScript

A modern router for web apps based on web components

2
pokedex-apps
pokedex-apps fadilmalik JavaScript

Pokemon list w/pokeapi

2
cubestat
cubestat codingjlu JavaScript

Minimalistic Rubik's cube timer

2
js-trading-game
js-trading-game codeforhumans JavaScript

Trading Simulator Game

2
magical
magical chase-moskal TypeScript

web toolkit for lit apps

2
dice-component
dice-component kieranbarker JavaScript

A web component for interactive "roll a die" buttons.

2
tech-talk-stenciljs
tech-talk-stenciljs arrudadev TypeScript

Code Example that was showed in the Tech Talk about web components and StencilJs in the Reclame Aqui

2
tyh2001
tyh2001 Tyh2001 HTML

👋 I am an independent developer,Now I work in Hangzhou.My favorite development framework is vue.js,I also created my own vue component library tyh-ui...

2
services
services hingejs JavaScript

Front-End ES6+ Classes used for UI development

2
slithe
slithe cadgerfeast TypeScript

Snaky web components that moults

2
brine
brine frlow TypeScript
2
be-definitive
be-definitive bahrus TypeScript

Define a web component declaratively.

2
TroveQueryBuilder
TroveQueryBuilder Conal-Tuohy JavaScript

A web form for querying the Trove API via the TroveProxy

2
io
io codesue JavaScript

🌑 A mini Python REPL web component

2
meta-vanilla-web-component
meta-vanilla-web-component metaory HTML

Vanilla JS Web Components Demo

2
wasm-web-components-playground
wasm-web-components-playground lukethacoder Rust

🦀 Building Web Components using Rust (WASM) - no JS here

2
counter-wc
counter-wc aralroca TypeScript

An example of Web Component library that works with SSR Declarative Shadow DOM in any framework or Vanilla.js. Thanks to Brisa Web Component Compiler.

2
djinnjs
djinnjs Pageworks JavaScript

DjinnJS is a lightweight JavaScript & CSS bootstraper built on ES Modules and Web Components.

1
date-picker
date-picker BrightspaceUI JavaScript
1
vanilla-web-components
vanilla-web-components canonical-web-and-design HTML

An exploration of Vanilla using Web Components

1
vue-profile-custom-element
vue-profile-custom-element aelbore Vue

VueJS profile info card using custom element input

1
favicon-badge
favicon-badge zacharytamas HTML

A Polymer element for declaratively updating the favicon for your webapp with dynamically-set numbers.

1
paper-accordion
paper-accordion dreammmr HTML

Polymer 1.0 component for the accordion [pure javascript, no libraries].

1
hyper-sound
hyper-sound 0la0 JavaScript

Audio synthesis with HTML

1
wc-floatLabelInput
wc-floatLabelInput BennyHinrichs JavaScript

A web component for a CSS-based float label input

1
polymer-project-builder
polymer-project-builder BBVAEngineering JavaScript

Custom build tool for Web Components built over Polymer Build

1
micro-frontend-experiments
micro-frontend-experiments eruizdechavez TypeScript

A collection of Micro Frontend and Web Component experiments.

1
wc-jsx
wc-jsx mofon-design TypeScript

Create web components with JSX.

1
lol-element
lol-element iconstorm JavaScript

A JavaScript base class for creating Web Components like you know what you're doing

1
components
components simonknittel TypeScript

Component library for my personal website based on Web Components via Stencil

1
fs-person-card
fs-person-card fs-webcomponents HTML

Display a person summary card for a person in the FamilySearch Tree

1
requiem
requiem andrewscwei JavaScript

An experimental front-end JS library

1
progress-bar
progress-bar enjikaka JavaScript

Web components progress bar

1
smartlist
smartlist alan-nascimento TypeScript

An applicaiton built with TypeScript and Web Components.

1
wc-map
wc-map veronQ JavaScript

Web Component for Google Maps (Library)

1
kai-lib
kai-lib kairos666 TypeScript

Kai-lib is a stencilJS component library using custom elements (No shadow DOM)

1
adobo-design-system
adobo-design-system AdoboIO JavaScript

Adobo Design System

1
roswebcomponents
roswebcomponents laurencejbelliott JavaScript

A JavaScript library for rapid development of ROS connected web interfaces

1
d2l-file-viewer
d2l-file-viewer Brightspace HTML

file viewer for d2l application

1
web-components
web-components Co9xs TypeScript

Web components samples. This is referring to github/github-elements and MDN.

1
eval-web-components
eval-web-components cbuschka JavaScript

Playing with web components

1