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

vanilla-colorful
vanilla-colorful web-padawan TypeScript

A tiny color picker custom element for modern web apps (2.7 KB) 🎨

852
elix
elix elix JavaScript

High-quality, customizable web components for common user interface patterns

838
agnosticui
agnosticui AgnosticUI TypeScript

AgnosticUI Local (v2) is a CLI-based UI component library that copies components directly into your project. Works with AI tools, agent-driven UIs, an...

824
brisa
brisa brisa-build TypeScript

The Web Platform Framework.

785
phantom-ui
phantom-ui Aejkatappaja TypeScript

Structure-aware skeleton loader. One Web Component, every framework.

780
jsapi-resources
jsapi-resources Esri TypeScript

A collection of resources for developers using the ArcGIS Maps SDK for JavaScript.

768
details-dialog-element
details-dialog-element github JavaScript

A modal dialog that's opened with <details>.

763
remount
remount rstacruz JavaScript

Mount React components to the DOM using custom elements

720
stylo
stylo peterpeterparker TypeScript

Another kind of rich text editor

718
awesome-stenciljs
awesome-stenciljs mappmechanic

List of Awesome Web Components Built with StencilJS

712
ionic-pwa-toolkit
ionic-pwa-toolkit ionic-team TypeScript

Build lightning fast Progressive Web Apps with zero config and best practices built-in. Go from zero to production ready with Ionic and Stencil (Web C...

633
syntax-highlight-element
syntax-highlight-element andreruffert JavaScript

👓 Syntax Highlighting using the CSS Custom Highlight API

614
details-menu-element
details-menu-element github JavaScript

A menu opened with <details>.

611
ng2-semantic-ui
ng2-semantic-ui edcarroll TypeScript

Semantic UI Angular Integrations (no jQuery)

609
material-theme-builder
material-theme-builder material-foundation

Visualize dynamic color and create a custom Material Theme.

597
web-components
web-components vaadin JavaScript

A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+

579
minze
minze sergejcodes TypeScript

Dead-simple JS framework for native web components.

570
vaadin
vaadin vaadin JavaScript
570
include-fragment-element
include-fragment-element github JavaScript

A client-side includes tag.

569
web-component-tester
web-component-tester Polymer TypeScript

Moved to Polymer/tools monorepo

567
webcomponents-react
webcomponents-react UI5 TypeScript

A wrapper implementation for React of the UI5 Web Components that are compliant with the SAP Fiori User Experience

536
base-components-recipes
base-components-recipes salesforce JavaScript

A collection of base component recipes for Lightning Web Components on Salesforce Platform

528
node-red-contrib-uibuilder
node-red-contrib-uibuilder TotallyInformation JavaScript

Easily create data-driven web UI's for Node-RED. Single- & Multi-page. Multiple UI's. Work with existing web development workflows or mix and match wi...

525
simpla
simpla simplajs JavaScript

Open, modular, and serverless content management for a modern web

524
widget-qrcode
widget-qrcode mumuy JavaScript

二维码组件 - 二维码插件/二维码美化/二维码库/二维码图片/QRCode tool/QRCode WebCompotent/QRCode Beautify

509
direflow
direflow SimonHoiberg TypeScript

🧩 Use the best of two worlds. Create fast, performant, native Web Components using React.

502
polymer-cli
polymer-cli Polymer JavaScript

Moved to Polymer/tools monorepo

494
clipboard-copy-element
clipboard-copy-element github JavaScript

Copy element text content or input values to the clipboard.

492
Smart.UI
Smart.UI HTMLElements CSS

Enterprise UI Components - Grid, Scheduler, Gantt, Kanban & more. Works with Angular, React, NextJS, Vue, Vanilla Javascript and .NET Blazor

480
carbon-web-components
carbon-web-components carbon-design-system TypeScript

Carbon Design System variant on top of Web Components

475
lemonadejs
lemonadejs lemonadejs JavaScript

LemonadeJS is a 7KB reactive JavaScript micro-library offering two-way data binding. It is dependency-free, does not require transpiling, and works wi...

471
glyphs
glyphs gorango JavaScript

Dynamic design system for building and managing large icon sets in Figma and packaging them for the web

469
uimix
uimix uimix-editor TypeScript

A WYSIWYG React component builder 🚧 Very work-in-progress

468
Markdown-Tag
Markdown-Tag MarketingPipeline CSS

Render Markdown to HTML on any website using a md tag

462
novex-kit
novex-kit ais-one TypeScript

NodejS Monorepo Template

460
facet
facet kgscialdone JavaScript

Web components made simple and declarative

452
smart-industry
smart-industry jukbot HTML

🏭 Open Source Manufacturing Execution System for JobShop type manufacturer.

440
giscus-component
giscus-component giscus TypeScript

Component library for giscus, a comment system powered by GitHub Discussions.

436
webrix
webrix open-amdocs JavaScript

Powerful building blocks for React-based web applications

433
Dash-UI
Dash-UI codescandy HTML

Bootstrap 5 Admin & Dashboard Template Free - Dash-UI. Dash UI Kit is a free and open-source components and templates kit fully coded with Bootstrap 5...

423
scale
scale telekom TypeScript

Scale is the digital design system for Telekom products and experiences.

422
web-components-todo
web-components-todo shprink JavaScript

A simple todo list built with various Web Components technologies

419
dawn
dawn b-coimbra JavaScript

A startpage called "dawn"

411
markdown-toolbar-element
markdown-toolbar-element github JavaScript

Markdown formatting buttons for text inputs.

411
auto-complete-element
auto-complete-element github JavaScript

Auto-complete input values from server search results.

405
ficusjs
ficusjs ficusjs JavaScript

FicusJS is a set of lightweight functions for developing applications using web components

404
three-elements
three-elements hmans TypeScript

Web Components-powered custom HTML elements for building Three.js-powered games and interactive experiences. 🎉

403
preact-custom-element
preact-custom-element preactjs JavaScript

Wrap your component up as a custom element

402
rocket
rocket modernweb-dev JavaScript

The modern web setup for static sites with a sprinkle of JavaScript

394
statblock5e
statblock5e Valloric HTML

A Web Component statblock for D&D 5E

390