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.
Opinionated Web Component Helpers
🍦 SSR Vanilla Async @Lit
Experimental custom elements.
be-adoptive allows Shadow DOM to inherit styles from the parent element.
SVG icons and ia-icon components
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...
Corona argument playground
Simple, lightweight and unopinionated boilerplate code set-up for web-component-based front-end project with heavy focus on avoiding bloat and complex...
Lightweight, functional and robust library for creating reactive web components. Written completely in TypeScript.
A modern router for web apps based on web components
Pokemon list w/pokeapi
Minimalistic Rubik's cube timer
Trading Simulator Game
web toolkit for lit apps
A web component for interactive "roll a die" buttons.
Code Example that was showed in the Tech Talk about web components and StencilJs in the Reclame Aqui
👋 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...
Front-End ES6+ Classes used for UI development
Snaky web components that moults
Define a web component declaratively.
A web form for querying the Trove API via the TroveProxy
🌑 A mini Python REPL web component
Vanilla JS Web Components Demo
🦀 Building Web Components using Rust (WASM) - no JS here
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.
DjinnJS is a lightweight JavaScript & CSS bootstraper built on ES Modules and Web Components.
An exploration of Vanilla using Web Components
VueJS profile info card using custom element input
A Polymer element for declaratively updating the favicon for your webapp with dynamically-set numbers.
Polymer 1.0 component for the accordion [pure javascript, no libraries].
Audio synthesis with HTML
A web component for a CSS-based float label input
Custom build tool for Web Components built over Polymer Build
A collection of Micro Frontend and Web Component experiments.
Create web components with JSX.
A JavaScript base class for creating Web Components like you know what you're doing
Component library for my personal website based on Web Components via Stencil
Display a person summary card for a person in the FamilySearch Tree
An experimental front-end JS library
Web components progress bar
An applicaiton built with TypeScript and Web Components.
Web Component for Google Maps (Library)
Kai-lib is a stencilJS component library using custom elements (No shadow DOM)
Adobo Design System
A JavaScript library for rapid development of ROS connected web interfaces
file viewer for d2l application
Web components samples. This is referring to github/github-elements and MDN.
Playing with web components