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)

device-frame
device-frame dleatherman JavaScript

Used in demos as a way to fake a device frame

8
Cahir
Cahir IbrahimTanyalcin JavaScript

Proxy function pattern for method chaining and a curated set of web-components made by it

8
svg
svg curvenote TypeScript

Reactive SVG web-components for building explorable explanations

8
simpla-article
simpla-article simplajs HTML

Write longform, rich-media articles seamlessly inline

8
smart-button
smart-button HTMLElements

Smart Button Custom HTML Element

8
adsense-popover
adsense-popover sjquant Svelte

Google Adsense popover web component

8
stoneshard-talent-calculator
stoneshard-talent-calculator nstratos HTML

A talent calculator for the game Stoneshard

8
webcomponents-with-react-webcomponentify
webcomponents-with-react-webcomponentify a7ul HTML

Web components based components library using react-webcomponentify + (P) React. This repo showcases how you can build web components using react with...

8
bignumber-card-continued
bignumber-card-continued sxdjt JavaScript

Community-maintained continuation of bignumber-card - Display sensor values as large numbers with severity colors and progress bars for Home Assistant

8
custom-elements-manifest-deprecated
custom-elements-manifest-deprecated open-wc JavaScript

Custom Elements Manifest is a file format that describes custom elements in your project.

8
device-orientation
device-orientation abdonrd HTML

Web Components (with Polymer) to detecting device orientation and motion

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

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

8
ng-content-driven-angular
ng-content-driven-angular sparkles-dev TypeScript

A Showcase for Content-Driven Angular Apps

8
konami-code
konami-code abdonrd HTML

Web Component (with Polymer) to listen the Konami Code (↑↑↓↓←→←→BA)

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

Template for how to setup lit using vite and tailwind.

8
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
form-obfuscator
form-obfuscator aarongustafson JavaScript

Makes fields legible on focus and obfuscated on blur.

8
ff-web-components
ff-web-components FACT-Finder-Web-Components

Downloads, Release Notes and Discourse

8
elastic-searchui-webcomponents
elastic-searchui-webcomponents codebunt JavaScript

A webcomponent implementation of elastic search-ui using Lit-Element

8
ajax-component
ajax-component callmecavs JavaScript

A Custom Element that AJAXs its content, style, and scripts.

8
vaadin-ordered-layout
vaadin-ordered-layout vaadin HTML

A set of two Web Components providing a simple way to horizontally or vertically align your HTML elements. Part of the Vaadin components.

8
cronkite
cronkite nanoporetech TypeScript

One **hell** of a reporter

8
javascript-web-component-hydration
javascript-web-component-hydration slogsdon JavaScript

Thin wrapper around HTMLElement to support hydration of server-side rendered custom elements

8
jenkins-io-components
jenkins-io-components jenkins-infra TypeScript
7
heavy-navbar
heavy-navbar HeavyLightStudios TypeScript

heavy-navbar is a responsive menu component built with customization in mind.

7
geo-elements
geo-elements fimion JavaScript

It's Terribly Good

7
x-marked
x-marked 1000ch TypeScript

Web Components which renders markdown using marked.

7
pokemon-selector
pokemon-selector samiheikki HTML

🐥 Combo Box Selector for Pokémons. Yep, there's an element for that.

7
wwwid-pwa-wc
wwwid-pwa-wc tenosiswono JavaScript

This is an example of a PWA built using Vanilla Webcomponent, Webpack and some other modules for WWWID Performance Challenge

7
x-weather
x-weather kherrick JavaScript

A collection of Web Components implementing portions of the OpenWeatherMap API.

7
valle-select
valle-select valleweb JavaScript

Awesome valle-select - Web Component using Polymer 3

7
videojs-video-element
videojs-video-element luwes JavaScript

A custom element for Video.js with an API that matches the <video> API

7
generator-polymer-init-valle-element
generator-polymer-init-valle-element valleweb JavaScript

Generator for valle elements using Polymer 2x

7
polymer-pokedex
polymer-pokedex abdonrd HTML

Pokédex built with Polymer

7
building-web-components-with-angular-cli
building-web-components-with-angular-cli coryrylan TypeScript

Example project showing how to build lit-element web components with the Angular CLI

7
ccm
ccm ccmjs JavaScript

Core script of the ccmjs web technology.

7
lite-frames
lite-frames marvinified CSS

A web-component library of device frames UI.

7
jsonapi-helpers
jsonapi-helpers morbidick HTML

Components to communicate with a jsonapi

7
vaadin-list-box
vaadin-list-box vaadin HTML

The Web Component providing reusable list boxes. Part of the Vaadin components.

7
caribou-stepper
caribou-stepper caribouflex HTML

caribou-stepper is a stepper elements that follows the material design guidelines, built using Polymer.

7
styled-stencils
styled-stencils fifthbeat JavaScript

A styled-component like library for StencilJS

7
web-components
web-components browserkids HTML

Non-transpiled ES13+ web components helper functions.

7
web-components-poc
web-components-poc asc-lab TypeScript

Web Components Demos/Examples with Angular/Vue.

7
inline
inline inlinejs TypeScript

astro + turborepo + lit2 web components + Style Dictionary

7
material-things
material-things liyasthomas HTML

💎 Reusable Material Design components

7
xelauikit_flutter_free
xelauikit_flutter_free accessible89 Dart

Ready-made collection of fully customizable widgets and reusable components for Flutter

7
mostly-elements
mostly-elements MostlyJS HTML

UI components for building microservices based admin application

7
HtmxWCSample
HtmxWCSample AngelMunoz F#

Sample of consuming Fable.Lit + HTMX with an F# Saturn Server

7
todomvc-custom-elements
todomvc-custom-elements shannonmoeller JavaScript

TodoMVC app built using Custom Elements and up-and-coming vanilla code in the browser and on the server.

7