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)

paper-timezone
paper-timezone bluewatertracks JavaScript

Polymer based timezone selection component

18
polymer-2-carousel
polymer-2-carousel PolymerLabs HTML

Codelab

18
vaadin-checkbox
vaadin-checkbox vaadin HTML

The Web Component for customized checkboxes. Part of the Vaadin components.

18
ibm-toolbar
ibm-toolbar IBMResearch HTML

Horizontal toolbar containing items that can be used for label, navigation, search and actions

18
gdg.es
gdg.es GDGSpain HTML

The GDG Spain official website

18
vaadin-select
vaadin-select vaadin HTML

Customizable Web Component similar to a native browser select. Part of the Vaadin components.

18
web-components
web-components JordanShurmer JavaScript

A repo for my custom Web Components!

18
vaadin-board
vaadin-board vaadin HTML

Web Component for creating flexible responsive layouts and building nice looking dashboards.

18
image-display-control-web-component
image-display-control-web-component Frameright TypeScript

🚀 Next-gen responsive <img>

18
php-web-component-ssr
php-web-component-ssr slogsdon PHP

Provides server-side rendering support for native web components / custom elements

18
lwc-paginator
lwc-paginator jamessimone JavaScript

Composable pagination LWC

18
vlalg-nimbus
vlalg-nimbus VemLavarALoucaGamers Vue

This is an Open Source project by VLALG that aims to share JavaScript libs, VS Code extensions, Browser extensions and Vue.js 3 components

18
stenciljs-virtual-scroll
stenciljs-virtual-scroll mgnstudio7 TypeScript

Virtual Scroll Web Component with DIFFERENT element height

17
social-button
social-button 1000ch TypeScript

Social Buttons as Web Components

17
lit-element
lit-element DerDrodt TypeScript

Implements lit-html via a LitElement class. Made for custom Elements

17
helium-animated-pages
helium-animated-pages alangdm JavaScript

A light spiritual succesor to neon-animated-pages using only css animations

17
web-components-hooks-demo
web-components-hooks-demo geocine JavaScript

web components hooks demo

17
paper-countries
paper-countries bluewatertracks HTML

Select Dropdown with list of countries with flags and autocomplete

17
jellySwitch
jellySwitch akhil0001 JavaScript

Jellified Light weight switch web component built on vanilla javascript

17
craftcms-boilerplate
craftcms-boilerplate codewithkyle JavaScript

A Craft CMS boilerplate for building websites using a matrix block based WYSIWYG page builder.

17
smart-accordion
smart-accordion HTMLElements

Smart Accordion Custom Element | Web Components | HTML Elements | Javascript UI

17
dark-mode
dark-mode jaywcjlove JavaScript

🌓 Add dark mode/night mode custom elements to your website.

17
onesy
onesy onesy-me TypeScript

MIT / Open source framework agnostic UI elements and utils, for building quality and production ready modern front end web apps

17
youtube-video-element
youtube-video-element muxinc JavaScript

A custom element (web component) for the YouTube player.

17
clappy-button-web-component
clappy-button-web-component remjx Svelte

The like button evolved.

17
micro-frontend-architecture
micro-frontend-architecture bmagrys TypeScript

Examples of micro-frontend architecture patterns and templates

17
arc-plugin-enhance
arc-plugin-enhance enhance-dev JavaScript

Enhance framework Architect plugin that enables folder based routing and HTML Custom Element workflows for AWS Lambda backed web apps

16
hydra-element
hydra-element jdomizz JavaScript

🍬 A custom element for wrapping the hydra-synth engine

16
aurum
aurum CyberPhoenix90 TypeScript

Fast and concise declarative DOM rendering library for javascript

16
abdonrd.com
abdonrd.com abdonrd HTML

My little personal website

16
ioBroker.webui
ioBroker.webui iobroker-community-adapters TypeScript

UI using WebComponents

16
github-repository
github-repository abraham TypeScript

GitHub Repository Web Component

16
go-ui
go-ui getgoui TypeScript

Pattern-first, framework-agnostic, a11y focused, adaptive design system

16
gwdcomponents
gwdcomponents niutech HTML

Google Web Designer Components

16
compare-image-slider
compare-image-slider johnwalley TypeScript

Compare two images with a slider

16
uni-media
uni-media songkeys TypeScript

Easily display media content (image, video, audio, 3d-models) in a single component (Best for NFT)

16
stenciljs-icons-example
stenciljs-icons-example drygnet CSS

Using FontAwesome, Office UI Fabric and Material -icons in stenciljs

16
state
state bennypowers TypeScript

Lazy, explicit, typed, 1kb one-way state management

16
media-playlist
media-playlist muxinc JavaScript

A custom element for playing through a set of audio and video elements.

16
iconmeister.github.io
iconmeister.github.io iconmeister HTML

IconMeister.github.io 7000+ SVG icons in one single file Web Component <svg-icon> (core component < 1 kB) No dependencies, no external SVG files

16
live-code
live-code lume TypeScript

`<live-code>` element to display editable code with live output. Demo:

16
design-system-starter
design-system-starter Zuehlke TypeScript
16
web-ui
web-ui THEOplayer TypeScript

UI component library for the THEOplayer Web SDK

16
custom-element
custom-element austintheriot Rust

A CustomElement trait to create web components out of Rust structs.

16
lwc-signals
lwc-signals cesarParra TypeScript

A simple yet powerful reactive store for Lightning Web Components based on Signals.

16
playful-avatars
playful-avatars cmaas JavaScript

Playful avatars is a zero-dependency SVG-based avatar generator, distributed as a custom element (web component). It is a fork/rewrite of the popular...

16
lyne
lyne lyne-design-system

🧪 Starting point for Lyne Design System

16
capybara-shadowdom
capybara-shadowdom yuki24 Ruby

Shadow DOM support for Capybara

15
icons
icons BrightspaceUI SCSS

SVGs, Polymer web components and SASS mixins for D2L icons

15
wc-template
wc-template vanillawc JavaScript

Template HTML with tagged template literals

15