The Top 129 Web Components Open Source Projects

Awesome Open Source

Awesome Open Source

Combined Topics

web-components x

The Top 129 Web Components Open Source Projects

Categories > User Interface Components > Web Components

Storybook ⭐55,037

📓 The UI component explorer. Develop, document, & test for React, Vue, Angular, Ember, Web Components, & more!

Polymer ⭐21,488

Our original Web Component library.

Front End Cross-Frameworks Framework - 前端跨框架跨平台框架

Wired Elements ⭐8,381

Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.

The adaptive interface system for modern web experiences.

Web Skills ⭐3,307

A visual overview of useful skills to learn as a web developer

Skatejs ⭐3,164

Effortless custom elements powered by modern view libraries.

Time Elements ⭐2,078

Web component extensions to the standard <time> element.

Haunted ⭐1,806

React's Hooks API implemented for web components 👻

Open Wc ⭐1,320

Open Web Components: guides, tools and libraries for developing web components.

Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...

Polymer Bundler ⭐1,208

Moved to Polymer/tools monorepo

Stylable ⭐1,083

Stylable - CSS for components

Lion Web Components

Maintain an open standard for UI and promote its adherence and adoption.

Ui5 Webcomponents ⭐813

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.

Diffhtml ⭐780

diffHTML is a web framework that helps you build applications and other interactive content

Ionic Pwa Toolkit ⭐629

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

Ng2 Semantic Ui ⭐623

Semantic UI Angular Integrations (no jQuery)

Web Component Tester ⭐572

Moved to Polymer/tools monorepo

Details Dialog Element ⭐570

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

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

Polymer Cli ⭐519

Moved to Polymer/tools monorepo

Mount React components to the DOM using custom elements

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

Dark Mode Toggle ⭐490

A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:

Awesome Stenciljs ⭐483

List of Awesome Web Components Built with StencilJS

Microsoft Graph Toolkit ⭐462

Collection of web components for Microsoft Graph 🦒

Emoji Picker Element ⭐462

A lightweight emoji picker for the modern web

🎨面向未来的原生 web components UI组件库

Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.

Vanilla Colorful ⭐440

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

Details Menu Element ⭐433

A menu opened with <details>.

An evolving set of open source web components for building mobile and desktop web applications in modern browsers.

Vaadin Core ⭐379

An evolving set of free, open source web components for building mobile and desktop web applications in modern browsers.

Vue Crud X ⭐374

Vue+Express Cookbook & CRUD Component (with Vite and Web Components)

Web Components Todo ⭐357

A simple todo list built with various Web Components technologies

Include Fragment Element ⭐342

A client-side includes tag.

Create CSS3D/WebGL applications declaratively with HTML. Give regular DOM elements shadow and lighting.

Open Source UI Kit built on top of Bootstrap 4 and plain JavaScript without any additional libraries like jQuery

Bem Components ⭐314

Set of components for sites development

Monogatari ⭐308

Monogatari is a simple web visual novel engine, created to bring Visual Novels to the web.

Statblock5e ⭐280

A Web Component statblock for D&D 5E

Webcomponents.org ⭐279

Home of the web components community

Direflow ⭐273

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

Weightless ⭐272

High-quality web components with a small footprint

🔮 A web-component html5 video player facing future

Base Components Recipes ⭐248

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

Vue Ui Framework ⭐246

My personal collection of Vue UI framework

Prettyhtml ⭐238

💅 The formatter for the modern web https://prettyhtml.netlify.com/

Ajax Form ⭐232

HTML forms on performance-enhancing drugs

Progressive Image Element ⭐227

⚡️ <progressive-image> custom element

A UI Components Library for Intact, Vue, React and Angular.

Server Components ⭐210

🔧 A simple, lightweight tool for composable HTML rendering in Node.js, based on web components.

An open-source Library of Web Components and a Runtime CSS Framework for rapidly building UI that follows your Design System.

Jqwidgets ⭐209

Angular, Vue, React, Web Components, Blazor, Javascript, jQuery and ASP .NET Framework,

Lazyload Image ⭐207

HTMLImageElement extension for lazy loading.

Elements ⭐201

Lazy load Angular Elements (or any other web components / custom elements ) with ease!

Web Components + Virtual DOM: web standards for powerful UIs

Ui5 Webcomponents React ⭐200

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

Polyserve ⭐196

Moved to Polymer/tools monorepo

Tab Container Element ⭐193

An accessible tab container element with keyboard support.

Preact Custom Element ⭐192

Wrap your component up as a custom element

Auto Complete Element ⭐192

Auto-complete input values from server search results.

Polymer Skeleton ⭐187

💀 Skeleton for Polymer 3 app with Webpack, PostCSS and Service Workers ready.

Custom Elements ⭐186

All about HTML Custom Elements

Vue.js Components/Custom Elements in Java with GWT. Developed at https://www.genmymodel.com.

Shadow Dom In Depth ⭐185

Everything you need to know about Shadow DOM

Clipboard Copy Element ⭐179

Copy element text content or input values to the clipboard.

The Bolt Design System provides robust Twig and Web Component-powered UI components, reusable visual styles, and powerful tooling to help developers, designers, and content authors build, maintain, and scale best of class digital experiences.

🇨🇭Functional custom elements

Polymer Analyzer ⭐162

Moved to Polymer/tools monorepo

Animatable Component ⭐162

Animate once, use Everywhere! 💫

Alkali is library for functional reactive data flows that drive native-based UI elements

Gwt Polymer Elements ⭐153

Polymer Web Components for GWT. A collection of Material Design widgets for desktop and mobile.

Cleverstyle Framework ⭐151

CleverStyle Framework is simple, scalable, fast and secure full-stack PHP framework

Vanillawc ⭐150

Vanilla Web Components. A place for framework-free, transpiler-free, scaffolding-free web components.

Markdown Toolbar Element ⭐142

Markdown formatting buttons for text inputs.

Web Components to turn your web app into a fake operating system

Spring integration for Vaadin

Virtual Dom ⭐137

关于Vue，React，Preact和Omi等框架源码的解读

Html Include Element ⭐134

Easily include external HTML into your pages.

Carbon Web Components ⭐134

Carbon Design System variant on top of Web Components

Smart Industry ⭐130

🏭Open Source Manufacturing Execution System for JobShop manufacturer.

Ion Phaser ⭐127

A web component to use Phaser Framework with Angular, React, Vue, etc 🎮

Fit Html ⭐122

💪 Combining web components + lit-html + redux (3KB)

Ebayui Core ⭐122

Collection of Marko widgets; considered to be the core building blocks for all eBay components, pages & apps

Elm Canvas ⭐119

A canvas drawing library for Elm

Automatic web components profiling in chrome devtools

Pwa Auth ⭐115

Web component that lets your users sign-in/sign-up using their Microsoft, Google, Facebook, or Apple account. Your app receives their email address, name, and profile picture.

Hot Table ⭐113

Handsontable - Best Data Grid Web Component with Spreadsheet Look and Feel.

Html Midi Player ⭐113

🎹 Play and display MIDI files on the web

Polymer Build ⭐108

Moved to Polymer/tools monorepo

Lit Mobx ⭐108

Mixin and base class for using mobx with lit-element

Build, test, and publish vanilla Web Components with a little spice

Gulp Vulcanize ⭐101

Concatenate a set of Web Components into one file

Image Crop Element ⭐99

A custom element for cropping a square image. Returns x, y, width, and height.

Polymer3 Webpack Starter ⭐99

Polymer 3 starter built with Vaadin components and Vaadin.Router library, using webpack and modern tools

Vanilla Hamburger ⭐98

Animated hamburger menu icons for modern web apps (1.8 KB) 🍔

Feature Hub ⭐92

Create scalable web applications using micro frontends.

1-100 of 129 projects