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)

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

44
speedlify-score
speedlify-score zachleat JavaScript

A web component that shows Lighthouse scores via Speedlify.

44
foo_ui_webview2
foo_ui_webview2 NereaFantasia C++

A WebView2 UI framework for foobar2000 - build the entire player in web tech (Vue/React) with native Windows 11 Mica/Acrylic effects. Ships a TypeScri...

44
svelte-retag
svelte-retag patricknelson JavaScript

Light DOM custom element wrapper for Svelte 3 and 4 with slots, context and Vite HMR support

44
PodOS
PodOS pod-os TypeScript

Personal Online Data Operating System

44
wc-github-corners
wc-github-corners YunYouJun TypeScript

:octocat: A web component for github corners. Can be used anywhere.

44
igniteui-dockmanager
igniteui-dockmanager IgniteUI

Ignite UI Dock Manager Web Component provides means to manage the layout of your application.

44
web-components-tutorial
web-components-tutorial ayushgp JavaScript

HTML Web Component using Vanilla JavaScript

43
pixano-elements
pixano-elements pixano TypeScript

Pixano Elements - Re-usable web components dedicated to data annotation tasks.

43
realm
realm realmui TypeScript

Reactive-Lightweight Markup Language. HTML framework for building MVPs.

43
web-components-webpack-es6-boilerplate
web-components-webpack-es6-boilerplate vardius JavaScript

Web Components project starter using ES6 and Webpack

42
Robinhood-Ninja
Robinhood-Ninja eugv86 HTML

Web App for Robinhood trading

41
twitter-user
twitter-user abraham TypeScript

Twitter User Web Component

41
loquix
loquix loquix-dev TypeScript

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

40
birdseye
birdseye ktsn TypeScript

Next generation component catalog

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

39
ui5-webcomponents-ngx
ui5-webcomponents-ngx SAP TypeScript

UI5 Web Components for Angular provides directives for each UI5 Web Component. The directives allow to easily build your Angular application following...

39
modus-web-components
modus-web-components trimble-oss TypeScript

This library provides Modus components as web components - reusable, encapsulated UI elements that are framework agnostic (can be implemented in any s...

39
modulor-html
modulor-html modulor-js JavaScript

Missing template engine for Web Components

38
locator
locator open-wc JavaScript

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

38
components
components curvenote TypeScript

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

38
squirminal
squirminal zachleat HTML

The squirminal is a fake antique terminal web component

38
rodydavis
rodydavis rodydavis MDX

Polyglot Developer, Musician and Creator

38
anywhere-ui
anywhere-ui adaleks TypeScript

AnywhereUI is a collection of rich web components that includes framework bindings, created with StencilJS

38
x-notification
x-notification 1000ch HTML

Declarative Browser Notification as Web Components.

37
web-component
web-component vardius JavaScript

Lightweight library providing interface for building web components

37
ctree-demo
ctree-demo F4IF HTML

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

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
calcite-app-components
calcite-app-components Esri TypeScript

A collection of calcite components for building single page applications

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
jsx-native-events
jsx-native-events calebdwilliams JavaScript

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

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

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
good.html
good.html crisdosaygo JavaScript

💎 GOOD is a zero-dependency Web Components framework where a component is three plain files - markup.html, style.css, script.js

36
brick-viewer
brick-viewer PolymerLabs TypeScript

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

35
salesforce-lwc-community-example
salesforce-lwc-community-example georgwittberger JavaScript

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

35
infinity-burger
infinity-burger zachleat JavaScript

A new kind of hamburger menu

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

35
red-dead-redemption-2-map
red-dead-redemption-2-map the0neWhoKnocks JavaScript

A dynamic Red Dead Redemption 2 map that allows a user to place custom markers with descriptions.

35
js-boilerplate
js-boilerplate tiagomapmarques JavaScript

Boilerplate for any javascript frontend project

34
Proto-UI
Proto-UI Proto-UI TypeScript

A UI component generation solution that starts from the essence of interaction

34
magic-element
magic-element natemoo-re TypeScript

Automatic custom-elements with zero boilerplate

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

32