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)

romi-nest
romi-nest biyuehu Rust

A powerful website system — blog, lists, notes, api, and more. Powered by Axum + Angular

8
shadcn-web-components
shadcn-web-components billymcdowell TypeScript

A Lit-based web component library inspired by shadcn/ui — accessible, themeable, and framework-agnostic.

7
jenkins-io-components
jenkins-io-components jenkins-infra TypeScript
7
polymer-pokedex
polymer-pokedex abdonrd HTML

Pokédex built with Polymer

7
building-web-components-with-angular-cli
building-web-components-with-angular-cli coryrylan TypeScript

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

7
ccm
ccm ccmjs JavaScript

Core script of the ccmjs web technology.

7
lite-frames
lite-frames marvinified CSS

A web-component library of device frames UI.

7
jsonapi-helpers
jsonapi-helpers morbidick HTML

Components to communicate with a jsonapi

7
vaadin-list-box
vaadin-list-box vaadin HTML

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

7
caribou-stepper
caribou-stepper caribouflex HTML

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

7
pokemon-selector
pokemon-selector samiheikki HTML

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

7
wc
wc PosetMage Svelte

svelte 5 web-components template that compile with vite 6

7
todomvc-custom-elements
todomvc-custom-elements shannonmoeller JavaScript

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

7
most
most kcmr JavaScript

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

7
form-repeatable
form-repeatable aarongustafson JavaScript

A web component that enables you to control the duplication of fields.

7
litte
litte riipandi TypeScript

UI component library for flexibility and modern web developers. Built with Lit: simple, fast, web components.

7
timered-counter
timered-counter siaikin TypeScript

A counter web component with smooth animations

7
art-nest
art-nest nawazdevx CSS

ArtNest handmade marketplace • Built with HTML, CSS, and JavaScript • Single page, Responsive design, component-based architecture, JSON-driven conten...

7
dynamic-datalist
dynamic-datalist aarongustafson JavaScript

Enables you to dynamically update a field’s `datalist` with values retrieved from a URL as the user types

7
videojs-video-element
videojs-video-element luwes JavaScript

A custom element for Video.js with an API that matches the <video> API

7
simpla-paths
simpla-paths simplajs JavaScript

Structure Simpla content in code with new HTML attributes

7
generator-polymer-init-valle-element
generator-polymer-init-valle-element valleweb JavaScript

Generator for valle elements using Polymer 2x

7
inline
inline inlinejs TypeScript

astro + turborepo + lit2 web components + Style Dictionary

7
l2t-paper-rating
l2t-paper-rating Link2Twenty HTML

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

7
wwwid-pwa-wc
wwwid-pwa-wc tenosiswono JavaScript

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

7
valle-select
valle-select valleweb JavaScript

Awesome valle-select - Web Component using Polymer 3

7
styled-stencils
styled-stencils fifthbeat JavaScript

A styled-component like library for StencilJS

7
mostly-elements
mostly-elements MostlyJS HTML

UI components for building microservices based admin application

7
tianditu
tianditu DemoMacro TypeScript

天地图 JavaScript API 的 Vue 3 组件、React 组件与 Web Components 工具库

7
material-things
material-things liyasthomas HTML

💎 Reusable Material Design components

7
web-components-poc
web-components-poc asc-lab TypeScript

Web Components Demos/Examples with Angular/Vue.

7
heavy-navbar
heavy-navbar HeavyLightStudios TypeScript

heavy-navbar is a responsive menu component built with customization in mind.

7
component-library-template
component-library-template virtualidentityag JavaScript

VI starter to build a web components library based on Stencil.js and bringing together all the standards we have.

7
geo-elements
geo-elements fimion JavaScript

It's Terribly Good

7
wc-arrow
wc-arrow vanillawc

A web component for creating custom arrow HTML elements.

7
customElements-mixinPropertiesAttributes
customElements-mixinPropertiesAttributes Jashepp JavaScript

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

7
purescript-halogen-custom-element
purescript-halogen-custom-element jhbertra PureScript

A library to convert Halogen components to custom elements.

7
emoji-claps
emoji-claps realdennis TypeScript

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

7
web-components
web-components elixir-cloud-aai TypeScript

GA4GH Web components are the reusable custom elements that can be utilized in your web apps & web pages independently irrespective of what framework/l...

7
kona-theme
kona-theme jonathanmoore Liquid

A Vite-powered Shopify theme system with islands hydration architecture

7
elastic-searchui-webcomponents
elastic-searchui-webcomponents codebunt JavaScript

A webcomponent implementation of elastic search-ui using Lit-Element

7
jx
jx jxsuite TypeScript

JSON-based Web App Platform

7
x-weather
x-weather kherrick JavaScript

A collection of Web Components implementing portions of the OpenWeatherMap API.

7
material-me
material-me lingbopro TypeScript

[🚧WIP] Material-Me is a front-end Web Components library designed with reference to Material You.

7
m3ui-vue
m3ui-vue SrWither Vue

Material 3 UI components for Vue, built on Tailwind CSS.

7
x-marked
x-marked 1000ch TypeScript

Web Components which renders markdown using marked.

7
onlymap-js
onlymap-js NikaGeospatial

OnlyMapJS — declarative deck.gl maps for HTML & React: WebGL mapping with GeoJSON/CSV/Arrow data, MapLibre basemaps, widgets & live streams. Docs & ex...

7
rc-design
rc-design Sunny-117 TypeScript

🗃️ rc-design is a component library developed for react, providing developers with a more lightweight and concise component library choice. Use tsx to...

7
xelauikit_flutter_free
xelauikit_flutter_free accessible89 Dart

Ready-made collection of fully customizable widgets and reusable components for Flutter

7
html-css-frameworks
html-css-frameworks solygambas HTML

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

7