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

create-lit-component
create-lit-component kcmr JavaScript

A minimal generator for LitElement Web Components –– npm init kcmr/lit-component

2
web-components-talk
web-components-talk MaxArt2501 HTML

A talk about Web Components and their present and future

2
portfolio
portfolio m4thieulavoie TypeScript

My own open source personal website

2
lifx-circadian
lifx-circadian codingchili JavaScript

Control LIFX lamps using cron expressions with the LAN protocol for polyphasic sleep

2
premy
premy hata6502 TypeScript

A drawing dialog written in Web Components.

2
ficusjs-renderers
ficusjs-renderers ficusjs JavaScript

Minified ES module renderers for FicusJS

2
using-magic-mirror
using-magic-mirror itsMeBender HTML

A Raspberry Pi Magic Mirror implementation, based on Web Components and NodeJS.

2
web-components-trello
web-components-trello tuxrace JavaScript

A trello clone using web components

2
date
date aide-de-camp TypeScript

A Web Component collection that helps you format your dates.

2
Simple_Stocks
Simple_Stocks sgatesdev JavaScript

Simple Stocks is a full stack app that allows users to track their stock holdings in the simplest way possible. The frontend is written in vanilla Jav...

2
ray-marching
ray-marching Basement2 TypeScript

Embedding ray marching in html files only

2
web-templates
web-templates sobhanbera HTML

This project contains websites as well as web components (elements). Input Box, Search Box, Dialog, Button, etc.

2
localize
localize uiwebkit HTML

Uni Localize

2
oma
oma oma-wc JavaScript

a framework independent web components library

2
easy-element
easy-element guiseek TypeScript

Easy Custom Elements

2
houdini-components
houdini-components KingOfTac TypeScript

Experiments with wrapping css houdini apis in reusable web components.

2
localize-angular
localize-angular uiwebkit HTML

Uni Localization example for Angular

2
modular-ui
modular-ui CianciarusoCataldo TypeScript

UI web components for every use, easy to customize and to integrate into every app.

2
react-jsx-html-comments
react-jsx-html-comments RodrigoTomeES JavaScript

Enable HTML comments and conditional IE comments in React components and JSX using a Web Component (W3C Custom Element).

2
sourdough
sourdough melhosseiny JavaScript

Composing user interfaces without frameworks

2
material-web-native
material-web-native huge-pancake JavaScript

A web component library based on Web Components based on the Material Design design specification

2
modulo
modulo michaelpb JavaScript

Modulo.js is a minimalist javascript framewor- 🤮

2
table-elements
table-elements stacksjs Vue

⊞ The modern way to work with tables. Blazing fast facet filtering, sorting, and searching. Any framework.

2
nfts
nfts stacksjs TypeScript
2
svelte-reading-bar
svelte-reading-bar TigersWay Svelte

Reading progress bar (Svelte/Web Component/Custom Element)

2
sequential-shots
sequential-shots dmkskn JavaScript

A carousel web component written in vanilla javascript.

2
stylized-text
stylized-text EllyLoel TypeScript

A Web Component that makes stylised text more accessible

2
xtal-element
xtal-element bahrus TypeScript

Opinionated Web Component Helpers

2
SvaLit
SvaLit SvaLit JavaScript

🍦 SSR Vanilla Async @Lit

2
elements
elements nfreear JavaScript

Experimental custom elements.

2
be-adoptive
be-adoptive bahrus TypeScript

be-adoptive allows Shadow DOM to inherit styles from the parent element.

2
ia-icons
ia-icons internetarchive JavaScript

SVG icons and ia-icon components

2
practice-session
practice-session VimukthiGunasekara CSS

In this front-end practice session, I'll do some exercises to help me get a feel for how to develop web components. sometimes it is also important to...

2
new-normal
new-normal joust HTML

Corona argument playground

2
web-component-template
web-component-template eoh-bse TypeScript

Simple, lightweight and unopinionated boilerplate code set-up for web-component-based front-end project with heavy focus on avoiding bloat and complex...

2
bonsai
bonsai joelek TypeScript

Lightweight, functional and robust library for creating reactive web components. Written completely in TypeScript.

2
runway
runway philipahlberg TypeScript

A modern router for web apps based on web components

2
pokedex-apps
pokedex-apps fadilmalik JavaScript

Pokemon list w/pokeapi

2
cubestat
cubestat codingjlu JavaScript

Minimalistic Rubik's cube timer

2
js-trading-game
js-trading-game codeforhumans JavaScript

Trading Simulator Game

2
magical
magical chase-moskal TypeScript

web toolkit for lit apps

2
dice-component
dice-component kieranbarker JavaScript

A web component for interactive "roll a die" buttons.

2
tech-talk-stenciljs
tech-talk-stenciljs arrudadev TypeScript

Code Example that was showed in the Tech Talk about web components and StencilJs in the Reclame Aqui

2
tyh2001
tyh2001 Tyh2001 HTML

👋 I am an independent developer,Now I work in Hangzhou.My favorite development framework is vue.js,I also created my own vue component library tyh-ui...

2
services
services hingejs JavaScript

Front-End ES6+ Classes used for UI development

2
slithe
slithe cadgerfeast TypeScript

Snaky web components that moults

2
brine
brine frlow TypeScript
2
be-definitive
be-definitive bahrus TypeScript

Define a web component declaratively.

2
TroveQueryBuilder
TroveQueryBuilder Conal-Tuohy JavaScript

A web form for querying the Trove API via the TroveProxy

2
io
io codesue JavaScript

🌑 A mini Python REPL web component

2