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)

metaworks4
metaworks4 TheOpenCloudEngine HTML

Metaworks 4 is a progressive enterprise web framework that promotes POJO-based domain driven development, micro-services architecture-ready, and mater...

4
vcl
vcl vcl HTML

The Visual Component Library

4
tfjs-component-playground
tfjs-component-playground kherrick JavaScript

An app using TensorFlow.js as Web Components.

4
hyperapp-custom-element
hyperapp-custom-element isabo JavaScript

Build WebComponents/CustomElements using Hyperapp

4
visual-logger
visual-logger kcmr JavaScript

WebComponent to display calls to console methods in a visual terminal

4
todolist-stencil
todolist-stencil theodesp TypeScript

A simple Todo List app using Stencil.js.

4
facet-filter-sort
facet-filter-sort BrightspaceUILabs JavaScript

Collection of (search) facet, filter, and sort components

4
dashing-css
dashing-css noherczeg JavaScript

A standard Dashboard built with up-to-date CSS techniques.

4
mandelbrot-set
mandelbrot-set prantlf JavaScript

Web components and a web worker for painting Julia and Mandelbrot sets on a web page.

4
axe-browser-reporter
axe-browser-reporter m4thieulavoie TypeScript

Axe reporter injected in the browser page if it detects any accessibility issue

4
ecstatic
ecstatic brochington TypeScript

A Javascript ECS library worth getting excited about

4
accessible-web-components
accessible-web-components danielmatthew JavaScript

Web components for common interface patterns.

4
catalyx
catalyx soywod TypeScript

⚗️ Collection of native Web Components.

4
shaf-star-rating
shaf-star-rating aaronshaf JavaScript

Keyboard-accessible star rating element. Upgrades input element.

4
object-oriented-canvas
object-oriented-canvas Lifeni TypeScript

一个基于面向对象分析与设计的画布 APP,用 Electron 做的。

4
aurora
aurora ibyar TypeScript

Aurora is a web framework, that can create and define a usable 'custom elements', that compatible with other frameworks, using Typescript, Demo: https...

4
shopware6-plugin
shopware6-plugin FACT-Finder-Web-Components PHP

FactFinder® Web Components for Shopware 6

4
lazy-loader
lazy-loader codewithkyle TypeScript

A lightweight Web Component based lazy loading library.

4
php-markup
php-markup 8fold PHP

Library for generating XML and HTML with PHP

4
wc-dependency-injection
wc-dependency-injection dogebonker TypeScript

Web components dependency injection solution provider.

4
slide-panel
slide-panel jeffreyquan TypeScript

Slide Panel Web Component

4
neutral-ui
neutral-ui dooboolab JavaScript

Neutral Design built with web component powered by Chromatic

4
mixter
mixter stagas TypeScript

A Web Components framework.

4
one-ui-to-rule-them-all
one-ui-to-rule-them-all schirrel TypeScript

Study on using web components with both react and vue

4
material-theme-control
material-theme-control rodydavis TypeScript

Drop in component to theme a Material 3 web app.

4
xgqfrms
xgqfrms xgqfrms JavaScript

🎉 xgqfrms coming back again!

4
Pokedex-Web-Component
Pokedex-Web-Component MarketingPipeline

A web component to show off your favorite Pokemon inside of a Pokedex

4
customelements-details-animation
customelements-details-animation SaekiTominaga TypeScript

Animate the opening or closing process of the <details> element by Custom Elements.

4
capture-photo-element
capture-photo-element georapbox JavaScript

A custom element that implements the MediaDevices.getUserMedia() method of the MediaDevices interface to capture a photo in the browser.

4
NFT-card-web-component
NFT-card-web-component dtriana18 JavaScript

NFT gallery created using Web components Inspired by the "NFT preview card component" challenge on Frontend Mentors.

4
date-time-custom-element
date-time-custom-element Architrixs TypeScript

A custom element in HTML that displays the current date and time

4
fastify-plugin
fastify-plugin enhance-dev JavaScript

Build your Fastify app's views with custom elements. Powered by Enhance

4
etcher
etcher etcherjs TypeScript

Create reusable web components without touching a single line of javascript.

4
astro-multiframework-demo
astro-multiframework-demo itmaginationdemos Astro

How to set up an multi-framework, MFE project running on Astro.

4
clipboard-copy-element
clipboard-copy-element georapbox JavaScript

A custom element that implements the Clipboard API to copy text content from elements or input values to the clipboard.

4
x-php
x-php kherrick JavaScript

Examining Client Side PHP using WebAssembly and Web Components.

4
web-components
web-components Sensoro Less

下一代前端组件库,它可以在任意框架或无框架中使用。

4
component
component AegisJSProject JavaScript

Base component using `@shgysk8zer0/aegis` & `@shgysk8zer0/aegis-styles`

4
emmy-dom
emmy-dom emmyjs TypeScript

A tiny simple way for building web user interfaces

4
web-components-ts
web-components-ts AlexW00 TypeScript

A basic template for working with Web Components in Typescript.

4
radio4000.com
radio4000.com radio4000 JavaScript

Using @radio4000/components' <r4-app/> on radio4000.com

4
macon
macon LoganTann JavaScript

Tiny utility (430B) to create reactive jquery components using a JSX-like syntax

4
event-countdown
event-countdown chrisburnell JavaScript

A Web Component to display an event countdown.

4
designsystem
designsystem 3lvia HTML

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

4
chatbot
chatbot yugasun TypeScript

ChatBot is a chat robot that simplifies the usage of chat GPT tools like ChatGPT, and can be integrated into any framework (e.g., Vue, React, Angular)...

4
continuum
continuum cds-design TypeScript

A component library for CDS (Continuum Design System) by Verve.

4
web-components
web-components SailingCoder JavaScript

web-components

4
cps-elements
cps-elements cpsrepositorio TypeScript

Web Components de ponta, sem complicação.

4
modal-element
modal-element georapbox JavaScript

A custom element to create a modal, using the native dialog element under the hood.

4
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.

4