Awesome Open Source
Awesome Open Source
Combined Topics
custom-elements
x
Advertising
📦 10
All Projects
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
Games
📦 129
Graphics
📦 110
Hardware
📦 152
Integrated Development Environments
📦 49
Learning Resources
📦 166
Legal
📦 29
Libraries
📦 129
Lists Of Projects
📦 22
Machine Learning
📦 347
Mapping
📦 64
Marketing
📦 15
Mathematics
📦 55
Media
📦 239
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 68 Custom Elements Open Source Projects
Categories
>
User Interface Components
>
Custom Elements
Trix
⭐
16,130
A rich text editor for everyday writing
Omi
⭐
11,809
Front End Cross-Frameworks Framework - 前端跨框架跨平台框架
Stencil
⭐
9,126
A Web Component compiler for building fast, reusable UI components and static site generated Progressive Web Apps
Hybrids
⭐
2,293
The simplest way to create web components from plain objects and pure functions! 💯
Time Elements
⭐
2,153
Web component extensions to the standard <time> element.
Xy Ui
⭐
626
🎨面向未来的原生 web components UI组件库
Details Dialog Element
⭐
609
A modal dialog that's opened with <details>.
Emoji Picker Element
⭐
598
A lightweight emoji picker for the modern web
Dark Mode Toggle
⭐
568
A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:
Remount
⭐
527
Mount React components to the DOM using custom elements
Home Assistant Custom Ui
⭐
505
Custom UI elements for https://home-assistant.io
Vanilla Colorful
⭐
467
A tiny color picker custom element for modern web apps (2.7 KB) 🎨
Details Menu Element
⭐
465
A menu opened with <details>.
Lume
⭐
460
Create CSS3D/WebGL applications declaratively with HTML. Give regular DOM elements shadow and lighting.
Mathlive
⭐
427
A web component for easy math input
Vaadin Grid
⭐
389
vaadin-grid is a free, high quality data grid / data table Web Component. Part of the Vaadin components.
Include Fragment Element
⭐
387
A client-side includes tag.
Awesome Polymer
⭐
384
A collection of awesome Polymer resources.
Monogatari
⭐
365
Monogatari is a simple web visual novel engine, created to bring Visual Novels to the web.
Three Elements
⭐
339
Web Components-powered custom HTML elements for building Three.js-powered games and interactive experiences. 🎉
Synergy
⭐
299
Synergy is a tiny runtime library for building web user interfaces
Weightless
⭐
292
High-quality web components with a small footprint
Snuggsi
⭐
291
snuggsi ツ - Easy Custom Elements in ~1kB
Fapaginationlayout
⭐
276
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.
Tab Container Element
⭐
252
An accessible tab container element with keyboard support.
Ajax Form
⭐
232
HTML forms on performance-enhancing drugs
Progressive Image Element
⭐
231
⚡️ <progressive-image> custom element
Elements
⭐
226
Lazy load Angular Elements (or any other web components / custom elements ) with ease!
Preact Custom Element
⭐
218
Wrap your component up as a custom element
Auto Complete Element
⭐
216
Auto-complete input values from server search results.
Server Components
⭐
213
🔧 A simple, lightweight tool for composable HTML rendering in Node.js, based on web components.
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.
Clipboard Copy Element
⭐
203
Copy element text content or input values to the clipboard.
Markuplint
⭐
195
A Linter for All Markup Languages.
Shadow Dom In Depth
⭐
193
Everything you need to know about Shadow DOM
Custom Elements
⭐
189
All about HTML Custom Elements
Bolt
⭐
189
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
⭐
169
Markdown formatting buttons for text inputs.
Swiss
⭐
169
🇨🇭Functional custom elements
Ion Phaser
⭐
153
A web component to use Phaser Framework with Angular, React, Vue, etc 🎮
Go Web
⭐
147
Modern Web Application with Golang
Html Include Element
⭐
145
Easily include external HTML into your pages.
Elm Canvas
⭐
124
A canvas drawing library for Elm
Api Viewer Element
⭐
124
API documentation and live playground for Web Components
Image Crop Element
⭐
121
A custom element for cropping a square image. Returns x, y, width, and height.
Vaadin Combo Box
⭐
115
The Web Component for displaying a list of items with filtering. Part of the Vaadin components.
Vanilla Hamburger
⭐
112
Animated hamburger menu icons for modern web apps (1.8 KB) 🍔
Nutmeg
⭐
111
Build, test, and publish vanilla Web Components with a little spice
Calcite Components
⭐
104
Web Components for the Calcite Design System. Built with Stencil JS. Currently in Beta!
Data Components
⭐
100
♻️ Tiny component structure for web applications
Dataformsjs
⭐
100
🌟 DataFormsJS 🌟 A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.
M
⭐
97
The modern web's design system.
Web Vitals Element
⭐
97
A custom elements wrapper around the web-vitals lib.
Aybolit
⭐
90
Lightweight web components library built with LitElement.
Auto Check Element
⭐
87
An input element that validates its value with a server endpoint.
Redux Store Element
⭐
83
A custom element allowing a more declarative use of Redux.
Use Custom Element
⭐
78
Custom hook to bridge Custom Elements (Web Components) to React.
Task Lists Element
⭐
75
Drag and drop task list items.
Web Components Angular React
⭐
64
Multiple apps as components POC
Custom Element
⭐
60
A base class for Web Components (Custom Elements) which provides simple data binding.
File Input
⭐
59
A better <input type="file">
Custom Elements Ts
⭐
51
Create native custom elements using Typescript
Shaf Chart
⭐
45
Custom element that upgrades table to a chart
Dom99
⭐
37
Extend html with directives
Android Customtoast
⭐
24
Easy to use Custom Toast Library for Android
Dna
⭐
22
Progressive Web Components.
Crab
⭐
22
JavaScript library for building user interfaces with Custom Elements, Shadow DOM and React like API
1-68 of 68 projects
Advertising
📦 10
All Projects
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
Games
📦 129
Graphics
📦 110
Hardware
📦 152
Integrated Development Environments
📦 49
Learning Resources
📦 166
Legal
📦 29
Libraries
📦 129
Lists Of Projects
📦 22
Machine Learning
📦 347
Mapping
📦 64
Marketing
📦 15
Mathematics
📦 55
Media
📦 239
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