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)

ctree-demo
ctree-demo F4IF HTML

Collaboration Tree - A community discussion platform built for maximum insight with minimum oversight.

38
locator
locator open-wc JavaScript

Chrome extension to find custom elements on a page, and search the catalog for extra information

38
x-notification
x-notification 1000ch HTML

Declarative Browser Notification as Web Components.

37
calcite-app-components
calcite-app-components Esri TypeScript

A collection of calcite components for building single page applications

37
web-component
web-component vardius JavaScript

Lightweight library providing interface for building web components

37
jsx-native-events
jsx-native-events calebdwilliams JavaScript

A JSX schema for adding support for native events (including CustomEvent)

37
components
components curvenote TypeScript

Components for interactive scientific writing, reactive documents and explorable explanations.

37
fluentui-blazor-community-extensions
fluentui-blazor-community-extensions Community-Toolkit-for-Fluent-UI-Blazor C#

Community components which built on top of the official Microsoft Fluent UI Blazor components.

37
wc-language-server
wc-language-server wc-toolkit TypeScript

Language server that surfaces Web Components metadata, completions, and diagnostics. This includes the IDE extensions and CLI tools for integration.

37
ox-framework
ox-framework josueayala27 CSS

Ox framework is a UI/UX set components created with love to make projects easily and with a pleasant style.

36
web-components-loader
web-components-loader rnicholus JavaScript

Webpack loader that makes it incredibly easy to import HTML-centric Web Components into your project.

36
relative-time
relative-time chrisburnell JavaScript

A Web Component to display a relative time (e.g. "5 minutes ago", "in 2 days"). Uses the built-in Intl.RelativeTimeFormat API.

36
functional-lit-element
functional-lit-element evtaylor JavaScript

A wrapper for LitElement which provides an API similar to React functional components.

36
mc-viewer
mc-viewer FlorianFe JavaScript

🌐🏠 A Web Component for visualizing Minecraft schematics

36
brick-viewer
brick-viewer PolymerLabs TypeScript

A web component for viewing models built with a certain type of plastic brick!

35
pencere
pencere productdevbook TypeScript

Zero-dependency lightbox for images, video, iframes & custom renderers. Native View Transitions morph, WCAG 2.2 AA, hooks + plugins, controlled mode....

35
js-boilerplate
js-boilerplate tiagomapmarques JavaScript

Boilerplate for any javascript frontend project

34
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

34
magic-element
magic-element natemoo-re TypeScript

Automatic custom-elements with zero boilerplate

34
salesforce-lwc-community-example
salesforce-lwc-community-example georgwittberger JavaScript

Example project to demonstrate how to create Lightning Web Components for Lightning Communities

34
infinity-burger
infinity-burger zachleat JavaScript

A new kind of hamburger menu

34
good.html
good.html crisdosaygo JavaScript

💎 Good.HTML. A nice framework without the bad stuff. Lots of custom elements, and nice templates. Good. HTML

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

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

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
pure-web-bottom-sheet
pure-web-bottom-sheet viliket TypeScript

A performant, lightweight, and accessible bottom sheet web component powered by CSS scroll snap and CSS scroll-driven animations. Works with any frame...

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

Material & Bootstrap Web Components built with Smart

32
wc-discord-message
wc-discord-message Danktuary TypeScript

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

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
custom-elements
custom-elements joomla-projects JavaScript

A compilation of Joomla 4 Custom Elements.

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
cross-root-aria-delegation
cross-root-aria-delegation leobalter Bikeshed

Explainer for the Cross-root ARIA delegation proposal

31
css
css BlazeSoftware SCSS

CSS foundation for Blaze UI

31
node-flow-elements
node-flow-elements JulianCataldo TypeScript

Easily create node-based UIs with any front-end framework. Powered by standard signals and native HTML elements.

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
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...

30
wc-datepicker
wc-datepicker vanillawc

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

30
sdds
sdds scania-digital-design-system JavaScript

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

30
rodydavis
rodydavis rodydavis TypeScript

Polyglot Developer, Musician and Creator

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
webrtc-chat
webrtc-chat vardius JavaScript

Serverless chat application useing peer to peer WebRTC

29
nuxeo-elements
nuxeo-elements nuxeo JavaScript

Nuxeo web components

29
loquix
loquix loquix-dev TypeScript

A framework-agnostic UI kit of production-ready components for building AI and LLM chat interfaces.

29
placeholders
placeholders phuoc-ng TypeScript

SVG-based placeholders in web components

28