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.

Suggest edits
Created by Alex Russell
Released 2011

Repositories 768

riot / riot

13.2k

Simple and elegant component-based UI library

javascript webcomponents minimal framework client-side view customtags lite elegant simple

JavaScript Updated Sep 11, 2018

OnsenUI / OnsenUI

6.8k

Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform m…

onsen-ui cordova react angular monaca hybrid-apps javascript webcomponents customelements vue material android ios html pwa

JavaScript Updated Sep 12, 2018

wiredjs / wired-elements

6.2k

Collection of elements that appear hand drawn. Great for wireframes.

webcomponents lit-element wireframes wireframe web-components lit-html prototyping

JavaScript Updated Aug 17, 2018

ionic-team / stencil

3.9k

A Web Component compiler for building fast, reusable UI components and Progressive Web Apps 💎 Built by the Ionic Fram…

webcomponents pwa progressive-web-app custom-elements typescript stencil stenciljs ionic

TypeScript Updated Sep 20, 2018 6 issues need help

GoogleChrome / rendertron

3.6k

A Headless Chrome rendering solution

rendering headless-chrome seo puppeteer webcomponents

TypeScript Updated Sep 18, 2018

jadjoubran / webdash

1.4k

🔥 Orchestrate your web project with Webdash the customizable web dashboard

webdash productivity beginner-friendly nodejs javascript polymer webcomponents

HTML Updated Jul 14, 2018 4 issues need help

hybridsjs / hybrids

724

🖍 UI library for creating Web Components with simple and functional API

custom-elements shadow-dom webcomponents web-components pwa

JavaScript Updated Aug 29, 2018

PixelsCommander / ReactiveElements

645

Allows to use React.js component as HTML element (web component)

reactjs webcomponents

JavaScript Updated Jul 25, 2018

coderitual / bounty

615

Javascript and SVG odometer effect library with motion blur

svg odometer es6 svg-odometer webcomponents javascript css filters graphics lib animation ui bounty prize

JavaScript Updated Jul 9, 2018

Wildhoney / ReactShadow

602

🔰 Utilise Shadow DOM in React with all the benefits of style encapsulation.

react reactjs shadow-dom webcomponents components style-encapsulation shadow-boundary css-document

JavaScript Updated Sep 15, 2018 1 issue needs help

slimjs / slim.js

514

Fast & Robust Front-End Micro-framework based on modern standards

webcomponents data-binding es6 dom lifecycle javascript library slimjs front-end front-end-development framework angular react aurelia html5 html-element vuejs native

JavaScript Updated Sep 20, 2018

nx-js / framework

386

A modular front-end framework - inspired by the server-side and Web Components.

framework javascript frontend middlewares webcomponents es6

JavaScript Updated Feb 10, 2017

Granze / awesome-polymer

358

A collection of awesome Polymer resources.

polymer webcomponents awesome-list custom-elements awesome list shadowdom polymer-resources polymer-element polymer-apps

Updated Mar 21, 2018

vaadin / vaadin-core

349

An evolving set of free, open source web components for building mobile and desktop web applications in modern browsers.

web-components polymer polymer-element vaadin vaadin-elements webcomponents collection polymer2

HTML Updated Sep 17, 2018

vaadin / vaadin-grid

331

vaadin-grid is a free, high quality data grid / data table Web Component. Part of the Vaadin components.

vaadin-grid polymer data-grid data-table webcomponents polymer-element web-component vaadin

HTML Updated Sep 21, 2018

chrvadala / react-svg-pan-zoom

321

👀 A React component that adds pan and zoom features to SVG

react svg pan zoom webcomponents web frontend

JavaScript Updated Sep 13, 2018

home-assistant / home-assistant-polymer

306

🍭 Polymer frontend for Home Assistant

polymer webcomponents frontend home-assistant home-automation

JavaScript Updated Sep 21, 2018

davidjamesstone / superviews.js

242

Template engine targeting incremental-dom

incremental-dom virtual-dom template-language webcomponents customelements

JavaScript Updated Apr 7, 2018

GoogleWebComponents / google-chart

227

Google Charts API web components

visualizations google polymer api webcomponents

HTML Updated Jul 10, 2018 1 issue needs help

Wildhoney / Switzerland

222

🇨🇭Switzerland takes a functional approach to Web Components by applying middleware to your components. Supports Redu…

webcomponents virtual-dom shadow-dom functional immutable css-variables custom-elements

JavaScript Updated Sep 19, 2018 1 issue needs help

ioing / IOING

208

Implement the solutions of performance improvement and componentization for your SPA (single page application) produ…

ioing javascript webcomponents spa single-page-applications framework mvvm virtual-dom sandbox shadow-dom

JavaScript Updated Aug 8, 2018

microo8 / golymer

198

Web components with golang (gopherjs)

gopherjs customelements html golang go webcomponents

Go Updated May 6, 2018

Wildhoney / Standalone

194

Create framework agnostic components that are truly reusable and interoperable with all the benefits of the React eco…

react reactjs webcomponents components custom-elements

JavaScript Updated Sep 26, 2016

1000ch / lazyload-image

190

HTMLImageElement extension for lazy loading.

webcomponents image lazyload

HTML Updated May 14, 2018

obetomuniz / awesome-webcomponents

162

A curated list of awesome Web Components tools, articles and resources.

webcomponents awesome-list

Updated Jul 16, 2018

marcog83 / RoboJS

130

RoboJS is a library that aims to dynamically load JS modules depending on how the DOM is composed.

dom mutationobserver loader mediator systemjs webcomponents

JavaScript Updated Sep 21, 2018

MyScript / myscript-math-web

130

✏️

☁️ The easy way to integrate mathematical expressions handwriting recognition in your web app.

handwriting-recognition webcomponents handwritten-digit-recognition handwriting math cloud

JavaScript Updated Jul 12, 2018

rhysd / neovim-component

127

<neovim-editor> WebComponent to embed Neovim to your app with great ease

neovim electron webcomponents

TypeScript Updated Sep 13, 2018 1 issue needs help

markuplint / markuplint

126

HTML linter for legacy/modern HTML, Web Components, SVG, MathML, AMP HTML and more.

linter html webcomponents svg mathml amp-html custom-elements html-linter