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

web-app-starter
web-app-starter CaptainCodeman TypeScript

Web App Starter using WebComponents, Lit-Html, Redux, Typescript and Rollup

33
wc-discord-message
wc-discord-message Danktuary TypeScript

Web components to easily build and display fake Discord messages on your webpages.

33
slick-router
slick-router blikblum JavaScript

Powerful and flexible client side router

33
wc-react
wc-react nmetulev TypeScript

React wrapper for web components

33
form-show-if
form-show-if aarongustafson JavaScript

Enables you to make one HTML form field show (or not) based on the value(s) of another field

33
smart-webcomponents-community
smart-webcomponents-community HTMLElements CSS

Material & Bootstrap Web Components built with Smart

32
vault66-crt-effect
vault66-crt-effect mdombrov-33 TypeScript

Retro CRT screen effect for React, Vue & Web Components

32
svelte-webcomponents
svelte-webcomponents singhtal JavaScript

A ready-to-use project template to build custom elements (web components) with Svelte 3 with support and examples for web components, jest, sass, nest...

32
cross-root-aria-delegation
cross-root-aria-delegation leobalter Bikeshed

Explainer for the Cross-root ARIA delegation proposal

32
elemental
elemental fynyky JavaScript

Simple reactive front-end library

32
glimmer-web-component
glimmer-web-component glimmerjs TypeScript

Library to boot up your Glimmer components as Web Components

31
aiao
aiao aiao-io TypeScript

AIAO

31
Blazor.Fast
Blazor.Fast Append-IT HTML

A tiny wrapper around Fast and Fluent Web Components to integrate with Blazor and easily use the EditForm components

31
yolo
yolo thesephist HTML

On the yolo page, anything goes... I'll merge any pull request you make to this website.

31
hello-web-components
hello-web-components fernandopasik TypeScript

A simple starter <hello-world /> web component written in typescript, using lit. Unit tested with jest and e2e tested with playwright.

31
wc-datepicker
wc-datepicker vanillawc

A web component that wraps a text input element and adds date-picker functionality to it.

31
custom-elements
custom-elements joomla-projects JavaScript

A compilation of Joomla 4 Custom Elements.

31
css
css BlazeSoftware SCSS

CSS foundation for Blaze UI

31
Voodoo.js
Voodoo.js kwy404 TypeScript

JSX-style rendering directly inside plain HTML. No compiler. No transform. No build step.

31
belleui
belleui belleui TypeScript

Web Components UI library

30
ionic-custom-components
ionic-custom-components ionicthemes TypeScript

🌈 Ionic Tutorial: Mastering Web Components in Ionic Framework. This repo is an Ionic project showcasing Angular custom components and Stencil custom...

30
chat-window
chat-window jifalops HTML

A simple and flexible chat window for listing messages.

30
svg-sparkline
svg-sparkline chrisburnell JavaScript

A Web Component for building an SVG Sparkline.

30
sdds
sdds scania-digital-design-system JavaScript

[deprecated] Scanias legacy design system implementation (sdds-)

30
svelte-custom-element
svelte-custom-element just214 HTML

A project template to build custom elements (web components) with Svelte.

29
corpuscule
corpuscule corpusculejs TypeScript

Lightweight framework based on WebComponents and decorators

29
haunted-lit-element
haunted-lit-element jdin JavaScript

A missing connection between haunted 👻and lit element

29
webrtc-chat
webrtc-chat vardius JavaScript

Serverless chat application useing peer to peer WebRTC

29
kernel-ui
kernel-ui kemiljk TypeScript

Semantic HTML component library for React and Web Components

29
nuxeo-elements
nuxeo-elements nuxeo JavaScript

Nuxeo web components

29
scroll-scene-element
scroll-scene-element rdmurphy TypeScript

📜 A tiny custom element for all your scrollytelling needs!

29
polymer-apollo-client
polymer-apollo-client reach-digital HTML

Polymer Apollo GraphQL Client web components

28
placeholders
placeholders phuoc-ng TypeScript

SVG-based placeholders in web components

28
home-icon-motion
home-icon-motion youwenjiujiu Python

Generate and integrate a polished semantic Home icon motion for React, Vue, Web Components, and video.

28
scroll
scroll ZeevKatz TypeScript

👆Scroll! - TypeScript game using Web Components for JS13K game competition

28
website-feedback-widget
website-feedback-widget Sendmux TypeScript

📬 Drop-in feedback widget for websites & apps. Turn submissions into structured email & webhook data for AI agents. Framework-agnostic Web Component....

28
local-iframe
local-iframe AleksandrHovhannisyan TypeScript

Web component that allows you to render local code sandboxes using iframes and HTML templates.

28
stencil-storybook-boilerplate
stencil-storybook-boilerplate artursopelnik JavaScript

Stencil Storybook Boilerplate Template for creating fast and robust Design Systems with Storybook Stencil ✨

28
leafjs
leafjs samzhangjy TypeScript

:sparkles: A lightweight, fast web-components based frontend framework for the future.

28
amber-components
amber-components bitrockteam CSS

Web Components implementation of the Amber Design System.

27
drawer
drawer hydecorp TypeScript

A touch-enabled drawer component for the modern web.

27
every-qrcode
every-qrcode AlbertAZ1992 TypeScript

Open-source React QR code generator and Web Component with deterministic 3D Tree and Terrain effects, powered by WebGPU.

27
webjs
webjs webjsdev JavaScript

WebJs is an AI-first full-stack JavaScript web components framework. You get production-ready architecture from your very first prompt.

27
ios-pwa-shell
ios-pwa-shell khmyznikov TypeScript

Frontend part for ios-pwa-wrap solution

27
angular-react-microfrontend
angular-react-microfrontend billyjov TypeScript

:construction: React vs Angular ? Why not both ! Micro frontend demo using Angular and React alongs with a NodeJS API

27
datasette-table
datasette-table simonw JavaScript

A Web Component for embedding a Datasette table on a page

27
taktische-zeichen
taktische-zeichen phjardas TypeScript

Generator für taktische Zeichen nach der DV 102

27
shipnotes-components
shipnotes-components aqualang89 JavaScript

Free UI for your AI apps: particle orbs that listen, think and talk, jelly cards and more. Live demos, MIT.

26
wcui
wcui bytedo JavaScript

wcui是一套基于`Web Components`的UI组件库, 宗旨是追求简单、实用、不花哨。

26
Micro-Fullstack
Micro-Fullstack Shyam-Chen JavaScript

:maple_leaf: ECMAScript Microservices Development: Build, test, deploy, and scale microservices in ECMAScript.

26