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)

ddom
ddom declarative-dom TypeScript

DOM-aligned syntax for Web Components and Apps

3
doodledev
doodledev mitchivin

A visual compiler that turns vector designs into zero-dependency, production-ready Web Components. No frameworks, no AI guessing.

3
rollup-plugin-inline-custom-elements-ts
rollup-plugin-inline-custom-elements-ts aelbore TypeScript

Rollup plugin to inline templateUrl and styleUrl for custom-element-ts library

2
portal-components
portal-components inventage TypeScript

A collection of webcomponents for enterprise portals.

2
chess-board
chess-board sandy98 TypeScript

ChessBoard as a web component, meant to be used with any framework (Vue, React, Angular, even none). Compiled with Stencil.js. See demo at:

2
mtz-ajax-interceptor
mtz-ajax-interceptor MaritzSTL HTML

A group of elements to support intercepting ajax requests for injecting headers or handling responses globally.

2
image-action
image-action BrightspaceUI HTML

Polymer-based web components for D2L image-actions

2
using-custom-elements
using-custom-elements ricardocasares JavaScript

Start using Custom Elements

2
more-less
more-less BrightspaceUI JavaScript

Polymer-based web component for a D2L more-less control

2
html-to-web-components
html-to-web-components VSADX
2
FrontEnd
FrontEnd UNArqui17i-B HTML

Web page for BlinkBox

2
bs4-polymer
bs4-polymer patkub HTML

Bootstrap 4 elements and shared styles for Polymer 2

2
leo
leo basiclines JavaScript

LEO is a lightweight JS library that helps you build modern front-end applications.

2
material-kit
material-kit xaota HTML

Проект с примерами использования веб-компонент из @xaota/material

2
seed
seed vicdata4 JavaScript

Lightweight web application based on web-components.

2
gatsby-preact-web-component-test
gatsby-preact-web-component-test whoisryosuke CSS

Starter template for Gatsby + Preact + Web Components

2
create-catalyst
create-catalyst dvalinotti JavaScript

NPM create-app command for scaffolding a new Web Components project with GitHub's Catalyst

2
wc-csv-table
wc-csv-table vanillawc JavaScript

A vanilla web component to present CSV as a HTML table

2
front-end-framework-bench
front-end-framework-bench tostaylo Rust

Automated browser rendering performance benchmarking suite for front-end frameworks. Results -> https://front-end-framework-bench.torretaylor.me/

2
properties-from-ancestor-behavior
properties-from-ancestor-behavior AqoviaElements HTML

Polymer mixin (behavior) for a web component to take a property value from the closest ancestor that has it

2
Wikipedia-Desktop-App
Wikipedia-Desktop-App FlorianFe JavaScript

📚🔎 A small app that uses the inofficial wikipedia API

2
latest-commit
latest-commit sidvishnoi JavaScript

Track changes at specific GitHub URLs, without the need to visit them at GitHub every time.

2
TS-Web-Components-multiple-HTML
TS-Web-Components-multiple-HTML webpreneur JavaScript
2
fs-person-portrait
fs-person-portrait fs-webcomponents HTML

Web component for a person's portrait

2
Project-Portfolio
Project-Portfolio drg49 JavaScript

My project portfolio designed with HTML, Bootstrap, and jQuery.

2
Apps.Books
Apps.Books vieapps TypeScript

Online books (skeleton app for development with latest Ionic/Angular)

2
dougrudolph.com
dougrudolph.com 11 JavaScript

Personal website created with Lit-Element

2
case
case blly5 JavaScript
2
stencil-starter
stencil-starter aaronksaunders TypeScript

Sample application using stenciljs with ionic4 components and stencil-redux

2
simon-game
simon-game stefanhuber TypeScript

Simon Game

2
polymer-typescript-starter-kit
polymer-typescript-starter-kit virtua-tech HTML

Starter kit for building Polymer 2 applications using TypeScript and the official PolymerDecorators project.

2
wop-vincent
wop-vincent gringonivoli TypeScript

Web Component built with Stencil to add backgrounds and slideshows to web pages

2
hippie-element-boilerplate
hippie-element-boilerplate hippie-elements HTML

<🍂></🍂> Boilerplate for create hippie elements using Polymer 1x.

2
iroha-playground
iroha-playground dmtrs JavaScript

Playground enables interaction with Hyperledget Iroha v1 API through a visual interface.

2
es6-web-component
es6-web-component enesyalcin JavaScript

This refers to the attached youtube video and adapts the code to the current API standards.

2
gcp-img
gcp-img adrianengine JavaScript

Lazily load and configure your images from Google Cloud Storage.

2
bulba
bulba geotrev JavaScript

An intuitive, deterministic, and extendable web component base class.

2
workflowmanager-dashboard-samples
workflowmanager-dashboard-samples Esri JavaScript

Sample ArcGIS Workflow Manager Classic widgets inside Operations Dashboard

2
inputs
inputs BrightspaceUI JavaScript
2
vineeta24.github.io
vineeta24.github.io vineeta24 CSS

🍿 Build live web component with your own css style

2
fluid-iframe
fluid-iframe 1000ch HTML

Web Components which provides fluid width <iframe>.

2
fs-person-facts
fs-person-facts fs-webcomponents HTML

Web component for listing a FamilySearch person's facts

2
react-nebo15-components
react-nebo15-components Nebo15 JavaScript

React components

2
set-up
set-up FabricElements

Base configuration files for Polymer projects and more

2
image
image Cloudtasks TypeScript

Allows you to serve highly optimized images to your apps.

2
zino-grid
zino-grid riverside JavaScript

:tv: Autonomous open source grid component

2
twilio-video-call-gui
twilio-video-call-gui TherapyChat HTML

Polymer element for twilio-video graphic interface

2
wop-toasty
wop-toasty gringonivoli TypeScript

Web Component built with Stencil to Show Dan Forden's Toasty from Mortal Kombat.

2
a1
a1 itsmaheshkariya JavaScript

A1 Is Javascript Micro framework for rapid API Development

2
akless-components
akless-components ccmjs JavaScript

ccm Components developed by André Kless

2