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)

stencil-head
stencil-head chiqui3d TypeScript

Head component for Stencil and Web Components

3
dart-material-webcomponents
dart-material-webcomponents rodydavis JavaScript

Dart and JS with Material Web Components

3
ibm-button
ibm-button IBMResearch HTML

Button with the IBM Design guidelines

3
hippie-elements.github.io
hippie-elements.github.io hippie-elements HTML

:maple_leaf: Hippie elements website.

3
bootstrap
bootstrap stencilkit TypeScript

Web Component bindings for Bootstrap with stencil.

3
lime-editor
lime-editor zestedesavoir TypeScript

Lime Editor will be a web-based Markdown editor, built using CodeMirror 6 and Web Components. (Far from ready yet.)

3
InterplanetaryPastebin
InterplanetaryPastebin aphelionz HTML

A pastebin app built on top of the Interplanetary File System. Requires a local ipfs daemon running.

3
hybrids-dynamic-load
hybrids-dynamic-load F1LT3R JavaScript

Example of an unbundled Hybrids app with dynamic imports.

3
web-component-chmod-checkbox
web-component-chmod-checkbox Paraboly TypeScript

CHMOD based animated checkbox WebComponent with StencilJS

3
lyne
lyne lyne-design-system

🧪 Starting point for Lyne Design System

3
mini-form
mini-form pearlbea HTML

A demo web component that uses Custom Elements v1 and Shadow Dom v1

3
wc-router
wc-router tristanMatthias TypeScript

A dynamic router for SPA's using Web Component's custom elements

3
lazy-import
lazy-import madeleineostoja HTML

Declaratively import HTML components when you're ready to use them

3
datetime-picker
datetime-picker BrightspaceUI HTML

Polymer-based web component for date-time input

3
Lowrider.js
Lowrider.js briiian JavaScript

Enhanced Web Components for building applications.

3
vaadin-list-mixin
vaadin-list-mixin vaadin HTML

Shared mixins for list-box and tabs

3
x-flexbox
x-flexbox 1000ch TypeScript

Web Components which provide Flexbox features.

3
teddytags
teddytags teddytags TypeScript

🐻 The superfast way to custom elements.

3
my-app
my-app sister-software TypeScript

Fast and simple web apps without build tools. (Work in progress)

3
static-shadow-dom
static-shadow-dom johnloy JavaScript

Render a string of HTML with custom elements to include declarative shadow DOM <template>s for SSG/SSR.

3
platformer
platformer noherczeg JavaScript

App with only browser capabilities.

3
website
website danielmatthew HTML

It is what it is: sometimes there's fun stuff here; other times not.

3
MathematicalLabyrinth
MathematicalLabyrinth dieortin Dart

Educational game in which the player must solve mathematical problems in order to advance

3
web-components-in-vue
web-components-in-vue coryrylan Vue

Example showing how to use a web component in VueJS

3
Frontend-Mini-Projects
Frontend-Mini-Projects Sagyam CSS

This is a collection of modular and optimized fronted related mini-projects. I have build these projects using HTML, CSS, JavaScript and VueJS.

3
pseudoimport-html
pseudoimport-html m3co JavaScript

(abandoned). Use <link rel="import"> instead of pseudoimport-html

3
todo_improved
todo_improved dprovodnikov JavaScript

An improved task manager

3
patrons
patrons StartPolymer

Awesome StartPolymer Patrons! Become our Patron, get awesome rewards.

3
icons
icons uiwebkit TypeScript

Uni Icons Kit

3
metalshop
metalshop chase-moskal TypeScript

web components, microservices, and infrastructure, for making modern web apps

3
wc-menu-wrapper
wc-menu-wrapper vanillawc JavaScript

A web component that wraps HTML elements and forms a drop-down menu out of them.

3
pwa-vuejs
pwa-vuejs ahsouza Vue

PWA Vue.js with containerized Storybook

3
card-tricks
card-tricks jkenlooper JavaScript

Collection of web components for a card game

3
d3-lit
d3-lit jens-ox JavaScript

Experimental D3 element ports to Web Components using lit-html

3
Multi-Lightning-Record-Edit-Form
Multi-Lightning-Record-Edit-Form Lightning-Web-Components-Quicktips HTML

https://youtu.be/xbH_QX_Dyrk

3
app
app bible-tools JavaScript

An app using bible-tools data.

3
phpbb-trollbox
phpbb-trollbox proprietary Rust

realtime WebSockets chat for phpBB3

3
makeup-web-components
makeup-web-components makeup JavaScript

Mono-repo for web component experiments

3
nexwidget
nexwidget Hawmex TypeScript

A library to create fast web components/custom elements.

3
cyans-ui
cyans-ui cyans-ui JavaScript

The UI toolkit built on Web Components and virtual dom

3
components
components simplajs

[WIP] Simpla's official content components

3
superpie
superpie k1r0s JavaScript

minimal dom lib based on superfine

3
static-template
static-template uiwebkit HTML

Uni Static Template

3
quark
quark allan2coder HTML

🎉 面向未来的原生 Web Components UI组件库。

3
fs-components
fs-components AngelMunoz F#
3
WebPDF
WebPDF pdf-ist

🌐📕📄🧩 – World's Best PDF Web Components

3
ol-zoom-level
ol-zoom-level Developer-Plexscape TypeScript

Zoom level view for OpenLayers

3
rollup-plugin-lit-tailwindcss
rollup-plugin-lit-tailwindcss mwmcode JavaScript

use tailwindcss in lit web components

3
obj-ml
obj-ml bahrus TypeScript

obj-ml is a web component that enables a declarative, HTML-based markup language to instantiate, and update, a JavaScript object.

3
veef
veef clean8s TypeScript

Reusable UI controls with Web Components

3