Web Components | Ecosyste.ms: Awesome

https://github.com/ongov/ontario-design-system

Web components and npm packages for the Ontario Design System, designed to help you create great digital products for the Ontario government.

angular component-library design-system design-systems design-tokens ontario-design-system react web-components

Last synced: 02 Apr 2026

https://github.com/leoneck/spa-wc-vite

Single Page Application (SPA) demo using web components powered by vite.

spa vite web-components

Last synced: 23 Mar 2025

https://github.com/vaadin/vaadin-accordion

The Web Component for accordions. Part of the Vaadin components.

accordion custom-elements expansion-panels vaadin web-components webcomponents

Last synced: 22 Apr 2025

https://github.com/simplajs/simpla-article

Write longform, rich-media articles seamlessly inline

article content-management custom-element richtext simpla web-components

Last synced: 12 Dec 2025

https://github.com/a7ul/webcomponents-with-react-webcomponentify

Web components based components library using react-webcomponentify + (P) React. This repo showcases how you can build web components using react without much bundlesize overhead.

components experiment javascript preact react reactjs web web-components

Last synced: 27 Apr 2025

https://github.com/fi3ework/vite-plugin-web-components-hmr

Provides Vite HMR for web components(vanilla, Lit, Fast, List, Haunted).

fast-element haunted hmr list-elements lit lit-element lit-html vite vite-plugin web-components

Last synced: 18 Oct 2025

https://github.com/pionjs/pion

React's Hooks API implemented for web components

hooks lit-html react-hooks web-component web-components

Last synced: 12 May 2026

https://github.com/nanoporetech/cronkite

One **hell** of a reporter

dashboard-application dashboard-framework dashboard-widget dashboards stencil-components stenciljs web-components

Last synced: 13 Apr 2025

https://github.com/slogsdon/javascript-web-component-hydration

Thin wrapper around HTMLElement to support hydration of server-side rendered custom elements

server-side-rendering web-components

Last synced: 13 Apr 2025

https://github.com/kcmr/web-components-codemods

Codemods for Web Components. Breaking changes? Don't panic :)

cli codemods jscodeshift web-components

Last synced: 12 Apr 2025

https://github.com/fact-finder-web-components/ff-web-components

Downloads, Release Notes and Discourse

fact-finder web-components

Last synced: 19 Apr 2025

https://github.com/callmecavs/ajax-component

A Custom Element that AJAXs its content, style, and scripts.

ajax custom-elements web-components

Last synced: 19 Apr 2025

https://github.com/johnsonandjohnson/mettle-components

Mettle components are a collection of custom elements based of the Web Components spec to be used in front-end JavaScript applications.

components custom-elements frond-end javascript web web-components

Last synced: 27 Sep 2025

https://github.com/prantlf/bacom

Basic library for writing web components.

custom-elements web-components

Last synced: 01 Aug 2025

https://github.com/vanillawc/wc-resume

A resume.json vanilla web component

resume vanilla web-components

Last synced: 04 Apr 2025

https://github.com/vaadin/vaadin-app-layout

The Web Component for a common application layout. Part of the Vaadin components.

custom-elements layout vaadin web-components webcomponents

Last synced: 18 Feb 2026

https://github.com/elixir-cloud-aai/cloud-components

Reusable components for the ELIXIR Cloud

front-end lit microfrontend react turborepo web-components

Last synced: 25 Jul 2025

https://github.com/ficusjs/ficusjs-router

Lightweight client-side router that supports history and hash routing plus web components

ficusjs front-end javascript router routing web-components

Last synced: 05 May 2025

https://github.com/htmlelements/smart-listbox

ListBox Custom Element

custom-elements custom-elements-listbox demo eslint list listbox listbox-custom-element listbox-web-component web-components

Last synced: 18 Mar 2025

https://github.com/aarongustafson/form-obfuscator

Makes fields legible on focus and obfuscated on blur.

forms obfuscation privacy web-components

Last synced: 16 Apr 2026

https://github.com/stimulsoft/samples-reports.web-for-blazor-webassembly

Blazor WebAssembly (Wasm) samples for Reports.BLAZOR report generator, Visual Studio C# projects, and .NET 6, .NET 7, .NET 8 embedded components

blazor blazor-wasm chart code128 databases dotnet embedded export html-text net60 net70 net80 onepage pdf-generator razor-pages reporting sql wasm web-components webassembly

Last synced: 14 Oct 2025

https://github.com/alangdm/block-link

A simple and super lightweight web component to create block links.

a11y javascript links web-components webcomponents

Last synced: 18 Jul 2025

https://github.com/cmaas/playful-avatars

Playful avatars is a zero-dependency SVG-based avatar generator, distributed as a custom element (web component). It is a fork/rewrite of the popular Boring avatars library, but without React.

avatar avatar-component avatar-generator avatar-placeholder avatars gravatar profile-picture profile-picture-generator web-components webcomponents

Last synced: 14 Apr 2025

https://github.com/vaadin/vaadin-ordered-layout

A set of two Web Components providing a simple way to horizontally or vertically align your HTML elements. Part of the Vaadin components.

layout polymer2 vaadin web-components webcomponents

Last synced: 18 Aug 2025

https://github.com/open-wc/custom-elements-manifest-deprecated

Custom Elements Manifest is a file format that describes custom elements in your project.

custom-elements customelements hacktoberfest open-wc web-components webcomponents

Last synced: 14 Apr 2025

https://github.com/htmlelements/smart-button

Smart Button Custom HTML Element

button button-web-component buttons custom-button-element custom-elements customelements demo eslint html-button html-button-element htmlelements smart-button ui-button web-components webcomponents

Last synced: 02 Jul 2025

https://github.com/link2twenty/l2t-paper-rating

Polymer element to display "star" ratings in a paper style

rating star-rating web-components

Last synced: 11 Jul 2025

https://github.com/tenosiswono/wwwid-pwa-wc

This is an example of a PWA built using Vanilla Webcomponent, Webpack and some other modules for WWWID Performance Challenge

challenge firebase progressive-web-app pwa vanilla-webcomponent web-component web-components webcomponents webpack wwwid wwwidchallenge

Last synced: 26 Jun 2025

https://github.com/squgeim/vocab-web

A simple web-app to keep track of words you want to learn

hyperhtml javascript vocabulary web-components

Last synced: 17 Jan 2026

https://github.com/falsandtru/typed-dom

A value-level and type-level DOM builder.

css-in-js custom-elements shadow-dom styled-components web-components

Last synced: 12 May 2025

https://github.com/foxy/foxy-elements

Elements and resources for use in other front-end code, like the admin and customer portal.

e-commerce foxy foxy-elements web-components

Last synced: 17 Apr 2026

https://github.com/coryrylan/building-web-components-with-angular-cli

Example project showing how to build lit-element web components with the Angular CLI

angular angular-cli lit-element web-components

Last synced: 15 Apr 2025

https://github.com/browserkids/web-components

Non-transpiled ES13+ web components helper functions.

dom ecmascript helper-functions javascript non-transpiled tests vanilla-js web-components

Last synced: 09 May 2026

https://github.com/shannonmoeller/todomvc-custom-elements

TodoMVC app built using Custom Elements and up-and-coming vanilla code in the browser and on the server.

custom-elements dom-diffing es2015 es6 isomorphic nodejs server-side-rendering todomvc web-components

Last synced: 08 May 2025

https://github.com/asc-lab/web-components-poc

Web Components Demos/Examples with Angular/Vue.

angular angular6 custom-elements vue vuejs2 web-components webcomponents

Last synced: 22 Apr 2025

https://github.com/1000ch/x-marked

Web Components which renders markdown using marked.

markdown marked web-components

Last synced: 21 Mar 2025

https://github.com/rg-wood/link-preview

Custom element to hover link previews

custom-element link-preview lit web-components webcomponent webcomponents

Last synced: 12 Apr 2025

https://github.com/sunny-117/rc-design

🗃️ rc-design is a component library developed for react, providing developers with a more lightweight and concise component library choice. Use tsx to write logic, less to write styles, dumi2 to write documentation sites, and jest+ts-jest+react-testing-library for unit testing.

design-systems react-components reactjs typescript ui-kit ui-library web-components

Last synced: 11 Apr 2025

https://github.com/torontojs/code-buddy-club

Code Buddy Club is similar to a book club but with free courses and tutorials.

a11y accessibility ai auth0 chakra-ui git github javascript learning learning-by-doing markdown react terminal tooling web-components

Last synced: 19 Apr 2025

https://github.com/georapbox/custom-elements

A list of my Custom Elements (Web Components) and some useful links with related material.

custom-elements web-components

Last synced: 15 Apr 2025

https://github.com/simplajs/simpla-paths

Structure Simpla content in code with new HTML attributes

content-management custom-attributes data-structure simpla web-components

Last synced: 11 Jan 2026

https://github.com/sap-samples/ui5-webcomponents-ngx-sample

Sample application to demonstrate UI5 Web Components for Angular powered by Fundamental Library Styles.

angular fundamental-library-styles open-source sample sample-code typescript ui-components web-components

Last synced: 02 Aug 2025

https://github.com/jhbertra/purescript-halogen-custom-element

A library to convert Halogen components to custom elements.

custom-element purescript-halogen web-components

Last synced: 19 Apr 2025

https://github.com/kcmr/most

My Own Stupid Tools. A collection of CLI tools for working with Polymer Web Components.

cli node polymer tools web-components

Last synced: 08 May 2025

https://github.com/vaadin/vaadin-list-box

The Web Component providing reusable list boxes. Part of the Vaadin components.

listbox polymer2 vaadin web-components webcomponents

Last synced: 22 Oct 2025

https://github.com/jashepp/customelements-mixinpropertiesattributes

Mixin for Web Components (Custom Elements) to sync/reflect properties and attributes to be used for data-binding. All in vanilla JavaScript.

attributes custom-elements customelements data-binding dom es6 html javascript js mixin properties synchronization vanilla-javascript vanilla-js web-component web-components webcomponent webcomponents

Last synced: 02 Apr 2026

https://github.com/abdonrd/polymer-pokedex

Pokédex built with Polymer

polymer pwa web-components

Last synced: 31 Jul 2025

https://github.com/sjefvanleeuwen/nl-design-system-blazor

NL Design System for Blazor The NL Design System is a collection of reusable components, with which you can easily develop digital services as a designer or developer. Think of buttons, form elements and page templates. This project adapts the system so the components can be used from .NET Core Blazor (Web Assembly is supported).

blazor component-library design-system gebruiker-centraal government nl-design-system wasm web-assembly web-components

Last synced: 08 May 2025

https://github.com/Sunny-117/rc-design

🗃️ rc-design is a component library developed for react, providing developers with a more lightweight and concise component library choice. Use tsx to write logic, less to write styles, dumi2 to write documentation sites, and jest+ts-jest+react-testing-library for unit testing.

design-systems react-components reactjs typescript ui-kit ui-library web-components

Last synced: 03 Apr 2025

https://github.com/curvenote/svg

Reactive SVG web-components for building explorable explanations

explorable-explanations interactive-visualizations scientific-visualization svg web-components

Last synced: 26 Jul 2025

https://github.com/valencets/valence

Schema-driven web framework for Node.js and PostgreSQL. One TypeScript config derives database, admin UI, REST + GraphQL APIs, routing, and analytics. No runtime framework on the client. One schema to rule them all.

cms postgresql schema-driven typescript web-components web-framework

Last synced: 01 Apr 2026

https://github.com/fimion/geo-elements

It's Terribly Good

custom-elements geocities web-components web-components-library whydidimakethis

Last synced: 17 Mar 2025

https://github.com/realdennis/emoji-claps

<emoji-claps /> An experience-addicted web component for claping / liking / disliking.

custom-elements lit-element lit-html shadowdom typescript web-animation web-component web-components

Last synced: 07 Apr 2025

https://github.com/leopechnicki/im_robot

Reverse-CAPTCHA for AI agents — verify bots, not humans. Multi-framework (React, Vue, Svelte, Web Components). Zero dependencies. TypeScript.

ai-agent authentication bot-verification captcha react reverse-captcha security svelte typescript vue web-components zero-dependencies

Last synced: 22 May 2026

https://github.com/caribouflex/caribou-stepper

caribou-stepper is a stepper elements that follows the material design guidelines, built using Polymer.

caribou caribou-stepper caribouflex javascript material material-design polymer polymer-2x polymer-element polymer2 step stepper web-components

Last synced: 14 Jan 2026

https://github.com/nstratos/stoneshard-talent-calculator

A talent calculator for the game Stoneshard

components css custom-elements html javascript online-tool shadow-dom single-page-app stoneshard talent-calculator web web-components

Last synced: 08 Apr 2026

https://github.com/morbidick/jsonapi-helpers

Components to communicate with a jsonapi

jsonapi polymer polymer-element web-components

Last synced: 13 Jul 2025

https://github.com/samiheikki/pokemon-selector

🐥 Combo Box Selector for Pokémons. Yep, there's an element for that.

custom-element pokemon polymer web-components

Last synced: 14 Apr 2025

https://github.com/indios/trebor

A node js module to make standalone web components.

cli no-framework reactive-programming single-file-component standalone-components trebor web-components webpack

Last synced: 07 May 2025

https://github.com/mostlyjs/mostly-elements

UI components for building microservices based admin application

admin dashboard micro-frontends microservices polymer web-components

Last synced: 26 Feb 2026

https://github.com/niiyeboah/create-lit-element

An npm initializer for creating LitElement based web components with TypeScript.

cli create initializer lit-element lit-html npm-init typescript web-components

Last synced: 24 Aug 2025

https://github.com/simplajs/simpla-richtext-behavior

Behavior to add richtext editing to an element

behavior editor prosemirror richtext simpla web-components

Last synced: 11 Jan 2026

https://github.com/vanillawc/wc-arrow

A web component for creating custom arrow HTML elements.

arrow custom-elements html javascript vanilla-web-component web-components

Last synced: 12 Apr 2025

https://github.com/slogsdon/jsx-for-web-components

WIP: A basic JSX factory for use in projects leveraging web components

jsx web-components

Last synced: 13 Apr 2025

https://github.com/elixir-cloud-aai/web-components

GA4GH Web components are the reusable custom elements that can be utilized in your web apps & web pages independently irrespective of what framework/library you are using to build the frontend.

elixir-cloud ga4gh stenciljs tailwind web-components

Last synced: 12 May 2025

https://github.com/vientos/vientos-app

vientos progressive web app

economy progressive-web-app pwa social solidarity valueflows web-components

Last synced: 21 Feb 2026

https://github.com/codenteq/interfeys

Interfeys is a design system provided by Codenteq to create a consistent UI/UX for app users.

components design-system frontend javascript typescript uikit web-components

Last synced: 12 Apr 2025

https://github.com/veilair/web-development

An ongoing curated list of frameworks and libraries, articles and books , talksand screencasts, recordings, blogs and github link repositories, learning tutorials and resources about Web Design & Development.

web-api web-app web-application web-browser web-builder web-components web-components-library web-design web-desktop web-development web-development-tools web-engineering web-extension web-framework web-frontend web-game web-hacking web-hosting

Last synced: 29 Jun 2025

https://github.com/solygambas/html-css-frameworks

4 small projects using Tailwind CSS, Bulma, Materialize and Bootstrap 5.

bootstrap bootstrap5 bulma bulma-css bulma-css-framework css css3 html html5 materialize materialize-css materializecss tailwind tailwind-css tailwindcss web-components

Last synced: 02 Apr 2025

https://github.com/abritopach/st-3d-card-carousel

Sample project that shows an experimental 3D card carousel Web Component built with Stencil.

stencil stencil-components stenciljs stenciljs-components web-components webcomponents

Last synced: 11 Apr 2025

https://github.com/rpdevjesco/zephyrjs

A custom client side web component library for creating reusable UI components with Shadow DOM and state management.

custom-elements frontend-development html-css-javascript html5 javascript-library modular-design shadow-dom state-management ui-components web-components web-components-library zephyrjs

Last synced: 04 Apr 2026

https://github.com/hagabaka/youtube-timestamps-to-playlist

Chrome and Firefox extension which creates a playlist from time tags on a YouTube page

chrome-extension firefox-addon playlist web-components webscraping youtube youtube-timestamps

Last synced: 20 Jan 2026

https://github.com/jgarber623/bandcamp-player

A dependency-free Web Component that generates a Bandcamp embedded player.

bandcamp bandcamp-player custom-elements customelements web-components webcomponents

Last synced: 28 Feb 2025

https://github.com/simplajs/simplajs.org

Website for the Simpla project

content-management simpla web-components website

Last synced: 10 Aug 2025

https://github.com/opensource-paper/paperui

The Paper UI library allows users to easily import and style a wide range of components with a singular cdn link.

cdn component component-library components css documentation html inter javascript js npm paper paper-ui paperui react ui ui-components ui-design ui-library web-components

Last synced: 03 Oct 2025

https://github.com/vanillawc/wc-carousel-lite

A web component that wraps HTML elements and forms a horizontal carousel slider out of them.

carousel carousel-slider custom-elements html javascript vanilla-web-component web-components

Last synced: 04 Apr 2025

https://github.com/vanillawc/wc-blink

A vanilla web component blink element

blink vanilla web-components

Last synced: 04 Apr 2025

https://github.com/vaadin/vaadin-details

The Web Component for expandable details. Part of the Vaadin components.

custom-elements details expandable vaadin web-components webcomponents

Last synced: 19 Feb 2026

https://github.com/kaasbroodju/tidos

Tidos is a component framework that can be served by any web framework.

framework rust ssr tidos web web-components

Last synced: 05 Apr 2026

https://github.com/IBMDeveloperUK/Intro-to-Web-Component-Workshop

A bunch of simple web component examples for learning/fun/science

shadow-dom web-components

Last synced: 11 Mar 2025

https://github.com/spark-js/spark

Helper library for web components

library tsx typescript web-components

Last synced: 01 Apr 2026

https://github.com/knowler/break-on-element

A custom element that is a declarative MutationObserver for debugging. Instead of opening your developer tools to set these breakpoints wrap the element in the <break-on> custom element.

custom-elements web-components

Last synced: 18 Oct 2025

https://github.com/bcosca/undertone

A Custom Elements (v1-spec) code organizer/compiler that tones down Javascript by emphasizing the structure and beauty of HTML

custom-elements-v1 declarative es6-javascript frontend html5 javascript undertone web-components

Last synced: 06 May 2025

https://github.com/simplajs/simpla-elements

An open catalogue of elements built on the Simpla content system

cms collection content-management simpla web-components

Last synced: 12 Jul 2025

https://github.com/jiayihu/ygo

🃏 YuGiOh! PWA built with Web Components and hyperHTML

custom-elements hyperhtml shadow-dom web-components

Last synced: 07 Apr 2025

https://github.com/metaory/bit-grid-component

Framework-agnostic web component for boolean matrices

data-input grid grid-component npm pin vanilla-javascript web-components

Last synced: 24 Feb 2026

https://github.com/jshcrowthe/dialog-el

An a11y equipped dialog element written for the modern browser with Web Components

a11y accessibility dialog modal modals web-component web-components webcomponents

Last synced: 15 Apr 2025

https://github.com/blueprintui/cli

Opinionated CLI for building reusable Web Components

ui ui-components web-components

Last synced: 28 Jun 2025

https://github.com/simplajs/simpla-img

An editable image you can update inline, built on Simpla

content-management editable image javascript polymer simpla web-components

Last synced: 03 Mar 2026

https://github.com/mumuy/widget-code

代码美化组件 - 基于Web Component的代码着色美化组件_make code beautify

code code-beautify web-components

Last synced: 16 Jul 2025

https://github.com/mlibrary/design-system-old

We aim to build trust in our digital services by creating components and standards that are reusable, equitable, informed by research, and available to the public.

css design-systems design-tokens html stenciljs web-components