The Top 108 Webcomponents Open Source Projects

Awesome Open Source

Awesome Open Source

Combined Topics

webcomponents x

Advertising 📦 10

Application Programming Interfaces 📦 124

Applications 📦 192

Artificial Intelligence 📦 78

Blockchain 📦 73

Build Tools 📦 113

Cloud Computing 📦 80

Code Quality 📦 28

Collaboration 📦 32

Command Line Interface 📦 49

Community 📦 83

Companies 📦 60

Compilers 📦 63

Computer Science 📦 80

Configuration Management 📦 42

Content Management 📦 175

Control Flow 📦 213

Data Formats 📦 78

Data Processing 📦 276

Data Storage 📦 135

Economics 📦 64

Frameworks 📦 215

Graphics 📦 110

Hardware 📦 152

Integrated Development Environments 📦 49

Learning Resources 📦 166

Libraries 📦 129

Lists Of Projects 📦 22

Machine Learning 📦 347

Mapping 📦 64

Marketing 📦 15

Mathematics 📦 55

Messaging 📦 98

Networking 📦 315

Operating Systems 📦 89

Operations 📦 121

Package Managers 📦 55

Programming Languages 📦 245

Runtime Environments 📦 100

Science 📦 42

Security 📦 396

Social Media 📦 27

Software Architecture 📦 72

Software Development 📦 72

Software Performance 📦 58

Software Quality 📦 133

Text Editors 📦 49

Text Processing 📦 136

User Interface 📦 330

User Interface Components 📦 514

Version Control 📦 30

Virtualization 📦 71

Web Browsers 📦 42

Web Servers 📦 26

Web User Interface 📦 210

The Top 108 Webcomponents Open Source Projects

Categories > User Interface Components > Webcomponents

Ionic Framework ⭐ 43,394

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

Ionicons ⭐ 15,296

Premium hand-crafted icons built by Ionic, for Ionic apps and web apps everywhere 🌎

Riot ⭐ 14,497

Simple and elegant component-based UI library

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

Stencil ⭐ 9,108

A Web Component compiler for building fast, reusable UI components and static site generated Progressive Web Apps

Wired Elements ⭐ 8,527

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

Onsenui ⭐ 8,303

Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

Powerful, Extensible Dev Tools

Rendertron ⭐ 5,298

A Headless Chrome rendering solution

Shoelace ⭐ 4,859

A collection of professionally designed, every day UI components built on a framework-agnostic technology. 🥾

Westore ⭐ 3,697

微信小程序解决方案 - 1KB javascript 覆盖状态管理、跨页通讯、插件开发和云数据库开发

Model Viewer ⭐ 2,777

Easily display interactive 3D models on the web and in AR!

Hybrids ⭐ 2,290

The simplest way to create web components from plain objects and pure functions! 💯

Webdash ⭐ 1,518

🔥 Orchestrate your web project with Webdash the customizable web dashboard

Atoms ⭐ 1,488

Atoms for Blaze UI

Frontend ⭐ 1,415

🍭 Frontend for Home Assistant

Builder ⭐ 1,398

Drag and drop page builder and CMS for React, Vue, Angular, and more

Deckdeckgo ⭐ 1,142

The web open source editor for presentations

⚡️ LWC - A Blazing Fast, Enterprise-Grade Web Components Foundation

Reactshadow ⭐ 955

🔰 Utilise Shadow DOM in React with all the benefits of style encapsulation.

Slim.js ⭐ 792

Fast & Robust Front-End Micro-framework based on modern standards

Javascript and SVG odometer effect library with motion blur

Reactive Elements ⭐ 694

Allows to use React.js component as HTML element (web component)

React Svg Pan Zoom ⭐ 577

👀 A React component that adds pan and zoom features to SVG

Resize Observer ⭐ 555

Polyfills the ResizeObserver API.

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

Awesome Stenciljs ⭐ 521

List of Awesome Web Components Built with StencilJS

Vanilla Colorful ⭐ 466

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

Framework ⭐ 446

A modular front-end framework - inspired by the server-side and Web Components.

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

🎨 A front-end JavaScript library for building user interfaces!

Vaadin Grid ⭐ 386

vaadin-grid is a free, high quality data grid / data table Web Component. Part of the Vaadin components.

Awesome Polymer ⭐ 384

A collection of awesome Polymer resources.

Vaadin Core ⭐ 383

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

Awesome Webcomponents ⭐ 343

A curated list of awesome Web Components tools, articles and resources.

Spectrum Web Components ⭐ 334

Spectrum Web Components

Snuggsi ⭐ 291

snuggsi ツ - Easy Custom Elements in ~1kB

Google Chart ⭐ 286

Google Charts API web components

Apollo Elements ⭐ 286

🚀🌛 Use the Launch Platform 👩‍🚀👨‍🚀

Switzerland ⭐ 261

🇨🇭Switzerland takes a functional approach to Web Components by applying middleware to your components. Supports Redux, attribute mutations, CSS variables, React-esque setState/state, etc… out-of-the-box, along with Shadow DOM for style encapsulation and Custom Elements for interoperability.

Creatability Components ⭐ 251

Web components for making creative tools more accessible.

Superviews.js ⭐ 247

Template engine targeting incremental-dom

Implement the solutions of performance improvement and componentization for your SPA (single page application) products with this Progressive Web App Development Engine.

Golymer ⭐ 219

Web components with golang (gopherjs) moved to gitlab.com/microo8/golymer

Web Components + Virtual DOM: web standards for powerful UIs

Standalone ⭐ 205

Create framework agnostic components that are truly reusable and interoperable with all the benefits of the React ecosystem – using the HTML5 custom elements API to extend HTML's vocabulary.

Markuplint ⭐ 195

A Linter for All Markup Languages.

Myscript Math Web ⭐ 194

✏️ ☁️ The easy way to integrate mathematical expressions handwriting recognition in your web app.

H Include ⭐ 188

Declarative client-side inclusion for the Web, using Custom Elements V1

Lrnwebcomponents ⭐ 170

@lrnwebcomponents Monorepo for NPM based element definitions

MIP (移动网页加速器)通过优化网页JS、控制资源加载顺序，达到加速网页的效果。

Neovim Component ⭐ 164

<neovim-editor> WebComponent to embed Neovim to your app with great ease

Carbon by Sage | ReactJS UI Component Library

Origami ⭐ 159

Angular + Polymer

Vaadin Date Picker ⭐ 158

The Web Component providing a date selection field with scrollable month calendar. Part of the Vaadin components.

Magic Microservices ⭐ 155

Write components in any way, use them everywhere.😘

Myscript Text Web ⭐ 151

✏️ ☁️ The easy way to integrate text handwriting recognition in your web app.

App Datepicker ⭐ 146

Datepicker element built with Google's lit-element and Material Design 2

Smart Industry ⭐ 143

🏭 Open Source Manufacturing Execution System for JobShop type manufacturer.

RoboJS is a library that aims to dynamically load JS modules depending on how the DOM is composed.

Urdf Loaders ⭐ 132

URDF Loaders for Unity and THREE.js with example ATHLETE URDF Files

Api Viewer Element ⭐ 123

API documentation and live playground for Web Components

The Grid ⭐ 122

Grid layout custom element with drag and drop capabilities

Smart Webcomponents ⭐ 119

Web Components & Custom Elements for Professional Web Applications

Query Selector Shadow Dom ⭐ 118

querySelector that can pierce Shadow DOM roots without knowing the path through nested shadow roots. Useful for automated testing of Web Components. Production use is not advised, this is for test environments/tools such as Web Driver, Playwright, Puppeteer

Vaadin Combo Box ⭐ 115

The Web Component for displaying a list of items with filtering. Part of the Vaadin components.

Vue Iclient ⭐ 113

SuperMap iClient UI Components for Vue.js

Vanilla Hamburger ⭐ 112

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

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

HAX with a lightweight CMS backend to manage your microsite universe

User Interface Component Library based on LitElement / lit-html

Smile To Unlock ⭐ 103

Want to give away free content on your site? How about asking for a smile in return 😁

Calcite Components ⭐ 103

Web Components for the Calcite Design System. Built with Stencil JS. Currently in Beta!

Wc Loader ⭐ 100

🚽 Webcomponents webpack loader.

Polymer3 Webpack Starter ⭐ 100

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

Highcharts Chart ⭐ 97

Polymer Element wrapper for highcharts library. Seamlessly create various types of charts from one element.

Nanocomponent Adapters ⭐ 94

🔌 - Convert a nanocomponent to a component for your favourite API or library (web components, (p)react, angular)

Fast Morph ⭐ 90

A Morphing UI web component built with StencilJS

Lightweight web components library built with LitElement.

The app lets everyone assess their symptoms using a questionnaire. The app also informs users about next steps, for example, precautionary measures or contacting healthcare providers and health authorities.

Funcy.js ⭐ 88

funcy.js - a functional web components wrapper

Vaadin Upload ⭐ 87

The Web Component for uploading multiple files with progress indication. Part of the Vaadin components.

Redux Store Element ⭐ 83

A custom element allowing a more declarative use of Redux.

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

Webcomponents From Zero To Hero ⭐ 70

An introduction to writing raw web components.

Split Me ⭐ 69

Universal web component to create resizable split layouts

Web Components Benchmark ⭐ 68

Web Components benchmark for a various Web Components technologies

Web Components Angular React ⭐ 64

Multiple apps as components POC

Patterns Library ⭐ 63

AXA CH UI components library. Please share, comment, create issues and work with us!

Custom Element ⭐ 60

A base class for Web Components (Custom Elements) which provides simple data binding.

Login Fire ⭐ 58

An element that allows simple configuration of multiple provider login for firebase

Gwt Api Generator ⭐ 49

Generator for creating GWT JSInterop clients from Polymer Web Components

Polymer Quill ⭐ 48

Polymer Quill Rich Text Editor

Svelte Custom Elements ⭐ 45

Turn Svelte components into web components

Html Modules Toolkit ⭐ 45

Transforming HTML standards of the future into JavaScript standards of the past

Masonry Layout ⭐ 45

An efficient and fast web component that gives you a beautiful masonry layout

Egghead Typescript Vuejs Apps ⭐ 42

🀄️A tiny library for creating WebComponents in a Functional way

Codeparadise ⭐ 36

Web based platform for kids to learn to program using Object Oriented principles in Smalltalk

Eslint Plugin Wc ⭐ 35

ESLint rules for Web Components

1-100 of 108 projects

Advertising 📦 10

Application Programming Interfaces 📦 124

Applications 📦 192

Artificial Intelligence 📦 78

Blockchain 📦 73

Build Tools 📦 113

Cloud Computing 📦 80

Code Quality 📦 28

Collaboration 📦 32

Command Line Interface 📦 49

Community 📦 83

Companies 📦 60

Compilers 📦 63

Computer Science 📦 80

Configuration Management 📦 42

Content Management 📦 175

Control Flow 📦 213

Data Formats 📦 78

Data Processing 📦 276

Data Storage 📦 135

Economics 📦 64

Frameworks 📦 215

Graphics 📦 110

Hardware 📦 152

Integrated Development Environments 📦 49

Learning Resources 📦 166

Libraries 📦 129

Lists Of Projects 📦 22

Machine Learning 📦 347

Mapping 📦 64

Marketing 📦 15

Mathematics 📦 55

Messaging 📦 98

Networking 📦 315

Operating Systems 📦 89

Operations 📦 121

Package Managers 📦 55

Programming Languages 📦 245

Runtime Environments 📦 100

Science 📦 42

Security 📦 396

Social Media 📦 27

Software Architecture 📦 72

Software Development 📦 72

Software Performance 📦 58

Software Quality 📦 133

Text Editors 📦 49

Text Processing 📦 136

User Interface 📦 330

User Interface Components 📦 514

Version Control 📦 30

Virtualization 📦 71

Web Browsers 📦 42

Web Servers 📦 26

Web User Interface 📦 210