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 (1729)

ionic-react-drawer
ionic-react-drawer aaronksaunders JavaScript

ionic v4 with react web components demoing the use of the side menu

5
progressive-web-components
progressive-web-components FluorescentHallucinogen

Building blocks for progressive web apps (PWA)

5
simpla-element-behavior
simpla-element-behavior simplajs HTML

Polymer behavior that connects an element to Simpla's API

5
audio-visualiser
audio-visualiser enjikaka TypeScript

Web Component audio visualiser ready for retina displays.

5
webcomponents-starter
webcomponents-starter mattlavio TypeScript

Starter project with Web Components, TypeScript and Webpack support out of the box

5
ficusjs-components
ficusjs-components ficusjs

A library of UI components built for FicusJS

5
cosmoz-omnitable
cosmoz-omnitable Neovici JavaScript

Cosmoz Omnitable - Filtering, grouping, sorting table with support for remote data

5
lit4browser
lit4browser webfolderio Shell

lit-element, lit-html iife & esm packages

5
tripod-hero-marquee
tripod-hero-marquee photoshelter HTML

A flexible, generic hero banner web component

5
stencil-scorm-viewer
stencil-scorm-viewer TeamMaestro TypeScript

Stencil component for viewing SCORM e-learning courses offline.

5
demos
demos FACT-Finder-Web-Components HTML

FactFinder® Web Components Demos

5
wc-f7
wc-f7 blikblum JavaScript

Framework7 with Web Components

5
elements-starter-angular
elements-starter-angular stoplightio HTML

Angular starter for stoplight elements components

5
leaflet-map
leaflet-map inventage TypeScript

A web component for displaying a map with certain features using Leaflet.

5
design-system-web-components
design-system-web-components bcgov TypeScript

Web components used for design system

5
playui
playui webqit JavaScript

A modern UI suite covering layout, design, and UI physics (animations, events and gestures, and UI geometry); introducing Async DOM; offering ready-to...

5
flinkey-web-components
flinkey-web-components PlanBGmbH TypeScript

This project provides some Web Components built for usage in combination with the flinkey API.

5
somethings-fishy
somethings-fishy benelan TypeScript

Hack The Map 5 project investigating the impact of human influence on aquatic ecosystems in the Gulf of Mexico.

5
open-canvas
open-canvas rodydavis TypeScript

Open canvas built with lit

5
slide-panel
slide-panel jeffreyquan TypeScript

Slide Panel Web Component

5
components
components niftykit-inc TypeScript

NiftyKit's Web Components Collection

5
kondonizer
kondonizer ecohead TypeScript

đź—‚ Universal Media Library as a web component.

5
webgl-quake-mdl
webgl-quake-mdl dacre-denny TypeScript

When Quake came out in the 90's, who would have thought MDL assets would one day be viewable in the browser?

5
super-media-element
super-media-element luwes JavaScript

A custom element that helps save alienated player API's to bring back their true inner HTMLMediaElement API, or to extend a native media element like...

5
vimeo-video-element
vimeo-video-element luwes JavaScript

A custom element for the Vimeo player with an API that matches the <video> API

5
dsa-ui
dsa-ui dsausa TypeScript

Design system and web component library for DSA built with Stencil and Storybook. Currently a work-in-progress.

5
zedix-ui
zedix-ui zedix TypeScript

A library of essential web components (lit-based), serving as a foundation for web apps or design systems. Mostly headless. Works with any frameworks.

5
core
core AegisJSProject JavaScript

A fast, secure, modern, light-weight, and simple JS library for creating web components and more!

5
koicom
koicom valkoivo JavaScript

The KoiCom library focuses on building interfaces using web components with a standardized lifecycle, which streamlines development and facilitates te...

5
bullet
bullet adebola-io JavaScript

JSX web components. 🦫

5
web-components
web-components legumeinfo TypeScript

A collection of Web Components for interacting with and visualizing biological data.

5
web_components
web_components wyfir HTML

WebCraftery’s Web Components is a comprehensive collection of responsive, mobile-friendly web components with clean HTML, CSS, and JavaScript, ensurin...

5
webcomponents
webcomponents greenscreens-io JavaScript

WebComponents for Bootstrap 5

5
sack
sack lemorage JavaScript

Web-based platform for showcasing 3D objects in a universe-like environment with interactive storytelling

5
rvx
rvx mxjp TypeScript

A signal based frontend framework

5
laminar-mdui-components
laminar-mdui-components elgca Scala

Laminar Bindings for MDUI Web Components

5
annotative-code
annotative-code patrick-kw-chiu TypeScript

Supercharge your highlight.js code demo with interactive input knobs

5
ui-element
ui-element zeixcom HTML

UIElement - the HTML-first microframework bringing reactivity to Web Components

5
opendatahub-webcomponent-store
opendatahub-webcomponent-store noi-techpark Java

The Open Data Hub Web Component Store, to test web components, to configure web components and to get a code snippet to integrate a web component in a...

5
designsystem
designsystem 3lvia HTML

Designsystem for all Elvia websites and apps https://design.elvia.io/

5
www
www internetarchive JavaScript

archive.org website prototype - using only javascript static files

5
image-compare
image-compare nonsalant JavaScript

"Before/after"-style comparison slider. Keyboard accessible. Light DOM prevents CLS on Core Web Vitals and makes it easy to add styles.

5
log-form-element
log-form-element knowler JavaScript

A custom element that will log a form’s submissions to the console.

5
zolinga
zolinga webdevelopers-eu PHP

🤖 A PHP framework built by people, for AI. Lightweight, extensible, and handcrafted from the ground up, with native MCP support and every detail micr...

5
color-scheme-switch-element
color-scheme-switch-element andreruffert JavaScript

đź’ˇ A simple custom element to toggle between a light and dark page color scheme

5
TouchFlip3D-Web
TouchFlip3D-Web labsisouleimen JavaScript

A high-performance, lightweight 3D touch-flip library for web components. Supports mobile gestures and mouse interaction.

5
pull-to-refresh
pull-to-refresh aarongustafson JavaScript

A web component to manage pull to refresh behavior

5
helixir
helixir bookedsolidtech TypeScript

MCP server that gives AI coding agents deep knowledge of any web component library — properties, events, slots, CSS parts, design tokens, accessibilit...

5
alert-element
alert-element georapbox JavaScript

A custom HTML element for displaying dismissible alerts and toast notifications.

5
elenajs.com
elenajs.com getelena HTML

The website of Elena, a simple, tiny library for building Progressive Web Components.

5