Awesome Open Source
Awesome Open Source
Combined Topics
custom-elements x
Advertising 📦 9
All Projects
Application Programming Interfaces 📦 120
Applications 📦 181
Artificial Intelligence 📦 72
Blockchain 📦 70
Build Tools 📦 111
Cloud Computing 📦 79
Code Quality 📦 28
Collaboration 📦 30
Command Line Interface 📦 48
Community 📦 81
Companies 📦 60
Compilers 📦 60
Computer Science 📦 74
Configuration Management 📦 39
Content Management 📦 167
Control Flow 📦 197
Data Formats 📦 77
Data Processing 📦 266
Data Storage 📦 132
Economics 📦 60
Frameworks 📦 198
Games 📦 122
Graphics 📦 103
Hardware 📦 148
Integrated Development Environments 📦 47
Learning Resources 📦 147
Legal 📦 28
Libraries 📦 119
Lists Of Projects 📦 21
Machine Learning 📦 336
Mapping 📦 61
Marketing 📦 15
Mathematics 📦 55
Media 📦 228
Messaging 📦 97
Networking 📦 304
Operating Systems 📦 84
Operations 📦 120
Package Managers 📦 52
Programming Languages 📦 229
Runtime Environments 📦 96
Science 📦 42
Security 📦 375
Social Media 📦 26
Software Architecture 📦 70
Software Development 📦 68
Software Performance 📦 57
Software Quality 📦 127
Text Editors 📦 45
Text Processing 📦 131
User Interface 📦 310
User Interface Components 📦 465
Version Control 📦 29
Virtualization 📦 68
Web Browsers 📦 38
Web Servers 📦 25
Web User Interface 📦 194

The Top 583 Custom Elements Open Source Projects on Github

Categories > User Interface Components > Custom Elements
Trix ⭐ 16,598
A rich text editor for everyday writing
Riot ⭐ 14,613
Simple and elegant component-based UI library
Omi ⭐ 12,119
Front End Cross-Frameworks Framework - 前端跨框架跨平台框架
Stencil ⭐ 9,972
A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
Onsenui ⭐ 8,512
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.
Hybrids ⭐ 2,536
Extraordinary JavaScript framework with unique declarative and functional architecture
Time Elements ⭐ 2,238
Web component extensions to the standard <time> element.
Vue Custom Element ⭐ 1,732
Vue Custom Element - Web Components' Custom Elements for Vue.js
Document Register Element ⭐ 1,123
A stand-alone working lightweight version of the W3C Custom Elements specification
Rapidoc ⭐ 821
RapiDoc - Custom-Element for OpenAPI Spec
Xy Ui ⭐ 746
🎨面向未来的原生 web components UI组件库
Emoji Picker Element ⭐ 734
A lightweight emoji picker for the modern web
Dark Mode Toggle ⭐ 732
A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:
Details Dialog Element ⭐ 663
A modal dialog that's opened with <details>.
Lume ⭐ 653
Create 3D web applications with HTML. Bring a new depth to your DOM!
Mathlive ⭐ 574
A web component for easy math input
Vanilla Colorful ⭐ 537
A tiny color picker custom element for modern web apps (2.7 KB) 🎨
Remount ⭐ 528
Mount React components to the DOM using custom elements
Home Assistant Custom Ui ⭐ 508
Custom UI elements for https://home-assistant.io
Details Menu Element ⭐ 481
A menu opened with <details>.
Include Fragment Element ⭐ 453
A client-side includes tag.
Monogatari ⭐ 428
Monogatari is a simple web visual novel engine, created to bring Visual Novels to the web.
Qr Code ⭐ 422
Web Component for generating QR codes
Vaadin Grid ⭐ 392
vaadin-grid is a free, high quality data grid / data table Web Component. Part of the Vaadin components.
Vaadin Core ⭐ 390
Awesome Polymer ⭐ 385
A collection of awesome Polymer resources.
X Frame Bypass ⭐ 370
Web Component extending IFrame to bypass X-Frame-Options: deny/sameorigin
Three Elements ⭐ 365
Web Components-powered custom HTML elements for building Three.js-powered games and interactive experiences. 🎉
Synergy ⭐ 310
Synergy is a tiny runtime library for crafting Web Components
Clipboard Copy Element ⭐ 310
Copy element text content or input values to the clipboard.
Weightless ⭐ 292
High-quality web components with a small footprint
Snuggsi ⭐ 288
snuggsi ツ - Easy Custom Elements in ~1kB
Tab Container Element ⭐ 278
An accessible tab container element with keyboard support.
Elements ⭐ 268
Lazy load Angular Elements (or any other web components / custom elements ) with ease!
Fapaginationlayout ⭐ 267
Collection view pagination layout
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.
Auto Complete Element ⭐ 249
Auto-complete input values from server search results.
Markuplint ⭐ 247
A Linter for All Markup Languages.
Superviews.js ⭐ 241
Template engine targeting incremental-dom
Progressive Image Element ⭐ 240
⚡️ <progressive-image> custom element
Preact Custom Element ⭐ 238
Wrap your component up as a custom element
Ajax Form ⭐ 235
HTML forms on performance-enhancing drugs
Bolt ⭐ 233
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.
Markdown Toolbar Element ⭐ 222
Markdown formatting buttons for text inputs.
Golymer ⭐ 218
Web components with golang (gopherjs) moved to gitlab.com/microo8/golymer
Server Components ⭐ 207
🔧 A simple, lightweight tool for composable HTML rendering in Node.js, based on web components.
Standalone ⭐ 204
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.
Shadow Dom In Depth ⭐ 192
Everything you need to know about Shadow DOM
Custom Elements ⭐ 184
All about HTML Custom Elements
Api Viewer Element ⭐ 175
API documentation and live playground for Web Components. Based on Custom Elements Manifest format
Ion Phaser ⭐ 174
A web component to use Phaser Framework with Angular, React, Vue, etc 🎮
Swiss ⭐ 171
🇨🇭Functional custom elements
Google Pay Button ⭐ 161
Google Pay button - React, Angular, and custom element
Go Web ⭐ 155
Modern Web Application with Golang
Web Vitals Element ⭐ 152
A custom elements wrapper around the web-vitals lib.
Html Include Element ⭐ 151
Easily include external HTML into your pages.
Web Components ⭐ 147
A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
Calcite Components ⭐ 147
Web Components for the Calcite Design System. Built with Stencil JS. Currently in Beta!
Zero Md ⭐ 138
Ridiculously simple zero-config markdown displayer
M ⭐ 136
The modern web's design system.
Elm Canvas ⭐ 135
A canvas drawing library for Elm
Image Crop Element ⭐ 123
A custom element for cropping a square image. Returns x, y, width, and height.
Custom Element Boilerplate ⭐ 121
Boilerplate for creating a custom element.
Dataformsjs ⭐ 118
🌟 DataFormsJS 🌟 A minimal JavaScript Framework, standalone React and Web Components, and JSX Compiler for rapid development of high quality websites and single page applications.
Vaadin Combo Box ⭐ 116
The Web Component for displaying a list of items with filtering. Part of the Vaadin components.
Nutmeg ⭐ 114
Build, test, and publish vanilla Web Components with a little spice
Auto Check Element ⭐ 105
An input element that validates its value with a server endpoint.
Material Webcomponents ⭐ 101
Material Design implemented in Web Components (Custom Elements v1)
Vanilla Hamburger ⭐ 99
Animated hamburger menu icons for modern web apps (1.8 KB) 🍔
Data Components ⭐ 97
♻️ Tiny component structure for web applications
Task Lists Element ⭐ 93
Drag and drop task list items.
G Emoji Element ⭐ 92
Backports native emoji characters to browsers that don't support them by replacing the characters with fallback images.
Router Slot ⭐ 85
A powerful web component router.
File Attachment Element ⭐ 82
Attach files via drag and drop or file input.
Aybolit ⭐ 82
Lightweight web components library built with LitElement.
Redux Store Element ⭐ 81
A custom element allowing a more declarative use of Redux.
Svelecte ⭐ 79
Selectize-like component written in Svelte, also usable as custom-element 💪⚡
Text Expander Element ⭐ 79
Activates a suggestion menu to expand text snippets as you type.
Domy ⭐ 78
Custom Elements Storage
Widgets ⭐ 76
🚀 Dojo - UI widgets.
Pattern Library ⭐ 75
AXA CH UI component library. Please share, comment, create issues and work with us!
Use Custom Element ⭐ 72
Custom hook to bridge Custom Elements (Web Components) to React.
Lite Vimeo Embed ⭐ 70
🎥 A faster Vimeo embed.
Webcomponent Instagram Widget ⭐ 68
Simple Instagram Widget: Photos Box of your Instagram Profile for your blog or website with this WebComponent.
Gif Player ⭐ 67
Control your animated GIFs
Glorious Pitsby ⭐ 66
Docs generator for AngularJS, Vue, React, and Vanilla components.
Spect ⭐ 65
DOM aspects: pieces of logic defined with CSS rules
Web Components Angular React ⭐ 64
Multiple apps as components POC
File Input ⭐ 58
A better <input type="file">
Custom Elements Manifest ⭐ 57
Custom Elements Manifest is a file format that describes custom elements in your project.
Storify ⭐ 56
Instagram/Whatsapp stories clone built on Web Components and Web Animations API. 🔥
Bce.design ⭐ 56
minimal magic, minimal tooling, essential dependencies, high productivity, no transpilations and no migrations. The Web Components starter ships with integrated lit-html, redux-toolkit and vaadin router components.
Lit Components ⭐ 56
Moved to https://github.com/vaadin/component-mixins
Shadow Automation Selenium ⭐ 55
This project focuses on automation of multi-level shadow root dom using java selenium. You can embed this plugin in your java selenium project.
Typing Effect Element ⭐ 54
A custom element that shows text as if it were being typed
Custom Element ⭐ 53
A base class for Web Components (Custom Elements) which provides simple data binding.
Remote Input Element ⭐ 52
An input element that sends its value to a server endpoint and renders the response body.
Web Component Devtools ⭐ 52
Web Component DevTools is a Browser Extension enhancing the development experience of Web Component developers
Custom Elements Ts ⭐ 51
Create native custom elements using Typescript
Lego ⭐ 50
🚀 Web-components made lightweight & Future-Proof.
1-100 of 583 projects

Related Projects

Webcomponents Custom Elements Projects (445)
Javascript Custom Elements Projects (317)
Javascript Webcomponents Custom Elements Projects (221)
Html Custom Elements Projects (169)
Typescript Custom Elements Projects (152)
Html Webcomponents Custom Elements Projects (138)
Typescript Webcomponents Custom Elements Projects (124)
Custom Elements Shadow Dom Projects (74)
Polymer Custom Elements Projects (69)
Webcomponents Custom Elements Shadow Dom Projects (65)
Webcomponents Polymer Custom Elements Projects (64)
Javascript Html Custom Elements Projects (58)
Javascript Html Webcomponents Custom Elements Projects (39)
Javascript Custom Elements Shadow Dom Projects (38)
Css Custom Elements Projects (35)
Javascript Webcomponents Custom Elements Shadow Dom Projects (34)
Advertising 📦 9
All Projects
Application Programming Interfaces 📦 120
Applications 📦 181
Artificial Intelligence 📦 72
Blockchain 📦 70
Build Tools 📦 111
Cloud Computing 📦 79
Code Quality 📦 28
Collaboration 📦 30
Command Line Interface 📦 48
Community 📦 81
Companies 📦 60
Compilers 📦 60
Computer Science 📦 74
Configuration Management 📦 39
Content Management 📦 167
Control Flow 📦 197
Data Formats 📦 77
Data Processing 📦 266
Data Storage 📦 132
Economics 📦 60
Frameworks 📦 198
Games 📦 122
Graphics 📦 103
Hardware 📦 148
Integrated Development Environments 📦 47
Learning Resources 📦 147
Legal 📦 28
Libraries 📦 119
Lists Of Projects 📦 21
Machine Learning 📦 336
Mapping 📦 61
Marketing 📦 15
Mathematics 📦 55
Media 📦 228
Messaging 📦 97
Networking 📦 304
Operating Systems 📦 84
Operations 📦 120
Package Managers 📦 52
Programming Languages 📦 229
Runtime Environments 📦 96
Science 📦 42
Security 📦 375
Social Media 📦 26
Software Architecture 📦 70
Software Development 📦 68
Software Performance 📦 57
Software Quality 📦 127
Text Editors 📦 45
Text Processing 📦 131
User Interface 📦 310
User Interface Components 📦 465
Version Control 📦 29
Virtualization 📦 68
Web Browsers 📦 38
Web Servers 📦 25
Web User Interface 📦 194
Privacy policy
"GitHub" is a registered trademark of GitHub, Inc. Awesome Open Source is not affiliated with GitHub.

All non readme contents or Github based topics or project metadata copyright Awesome Open Source 2018-2022