1.Aejkatappaja / phantom-ui
Structure-aware skeleton loader. One Web Component, every framework.
+451 stars
from 365 · score 6.11
Trending repositories
Ranked by Attention Score: stars gained over the last 180 complete days
45 repositories by Attention Score · May 9, 2026 – Nov 4, 2026 (UTC)
2.shoelace-style / webawesome
Build better with Web Awesome, the open source library of web components from Font Awesome. Upgrade to Pro and ship websites faster!
- designsystems
- opensource
- webcomponents
+372 stars
from 1,016 · score 5.92
3.iconify / iconify
Universal icon framework. One syntax for FontAwesome, Material Design Icons, DashIcons, Feather Icons, EmojiOne, Noto Emoji and many other open source icon sets (over 200 icon sets and ~300k icons). SVG framework, React, Vue and Svelte components!
+355 stars
from 6,027 · score 5.87
4.vidstack / player
Deprecated in favour of Video.js 10; security fixes only until January 2028. UI components and hooks for building video and audio players on the web.
- player
- web-components
- html
- javascript
- hls
- audio
- +14 more
+266 stars
from 3,459 · score 5.59
5.matraic / m3e
Material 3 Expressive Web Components
- lit
- material-3-expressive
- material-design
- material-you
- material3
- web-components
- +1 more
+206 stars
from 121 · score 5.33
6.OvidijusParsiunas / deep-chat
Fully customizable AI chatbot component for your website
+179 stars
from 3,564 · score 5.19
7.rough-stuff / wired-elements
Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
- webcomponents
- lit-element
- wireframes
- wireframe
- web-components
- lit-html
- +1 more
+121 stars
from 10,727 · score 4.80
8.css-doodle / css-doodle
A web component for visual art and creative coding
- css
- patterns
- web-component
- css-doodle
- generative-art
- creative-coding
- +2 more
+94 stars
from 5,984 · score 4.55
9.Samyssmile / notectl
Modern Accessible WYSIWYG rich text editor built as a framework-agnostic Web Component that works everywhere.
- angular
- contenteditable
- editor
- react
- rich-text-editor
- svelte
- +11 more
+68 stars
from 141 · score 4.23
10.GriffinJohnston / ldrs
Modern, minimalist loaders & spinners. Made with CSS, HTML and SVG. https://uiball.com/ldrs
+67 stars
from 2,155 · score 4.22
11.siemens / ix
Siemens Industrial Experience is a design system for designers and developers, to consistently create the perfect digital experience for industrial software products.
+48 stars
from 341 · score 3.89
12.shoelace-style / shoelaceArchived
Shoelace is now Web Awesome. Come see what’s new!
- webcomponents
- ux
- ui
- css
- designsystem
- html
- +1 more
+41 stars
from 13,779 · score 3.74
13.ing-bank / lion
Fundamental white label web component features for your design system.
- hacktoberfest
- lion
- lit-html
- javascript
- web-components
- modern-web
- +1 more
+38 stars
from 1,935 · score 3.66
14.rapi-doc / RapiDoc
RapiDoc -WebComponent for OpenAPI Spec
+30 stars
from 1,880 · score 3.43
15.lume / lume
GPU-powered 3D HTML. ✨🧊 <lume-box size="1 2 3">
- javascript
- graphics
- graphics-engine
- graphics-programming
- three-d
- three-dimensions
- +14 more
+30 stars
from 1,497 · score 3.43
16.hybridsjs / hybrids
Extraordinary JavaScript UI framework with unique declarative and functional architecture
- webcomponents
- router
- framework
- state-management
- localization
+29 stars
from 3,161 · score 3.40
17.wokwi / wokwi-elements
Web Components for Electronics and IoT Parts
- lit-element
- arduino
- web-components
- electronics
+28 stars
from 241 · score 3.37
18.RedHat-UX / red-hat-design-system
Red Hat's Design System
- web-components
- design-system
- design-systems
- redhat
- hacktoberfest
+19 stars
from 135 · score 3.00
19.playcanvas / web-components
Web Components for building declarative, graphical web apps
- custom-elements
- declarative
- dom
- html
- playcanvas
- typescript
- +6 more
+19 stars
from 94 · score 3.00
20.bitjson / qr-code
A no-framework, no-dependencies, customizable, animate-able, SVG-based <qr-code> HTML element.
- bch
- bitcoin
- bitcoin-cash
- cryptocurrency
- ethereum
- qr-code
- +9 more
+14 stars
from 1,370 · score 2.71
21.vime-js / vimeArchived
Deprecated and no longer maintained. Succeeded by Video.js 10 (https://videojs.org). Customizable, accessible media player web components.
+13 stars
from 2,828 · score 2.64
+13 stars
from 1,400 · score 2.64
23.atomicojs / atomico
Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.
- reactive-properties
- shadow-dom
- jsx
- web-components
- atomico
- hooks
+13 stars
from 1,268 · score 2.64
24.missing-elements / pdfjs-viewer
A standalone, isolated, self-hostable, plug-in custom element for viewing PDF files, based on the PDF.js viewer
- pdfjs
- pdf-viewer
- javascript
- web-component
- adobe-acrobat
- embed-pdf
- +14 more
+13 stars
from 69 · score 2.64
25.OvidijusParsiunas / active-table
Framework agnostic table component for editable data experience.
+12 stars
from 316 · score 2.56
26.LottieFiles / lottie-playerArchived
Lottie viewer/player as an easy to use web component! https://lottiefiles.com/web-player
- web-component
- lit-element
- lottie
- lottie-web
- bodymovin
+10 stars
from 1,648 · score 2.40
27.ebi-webcomponents / nightingale
Data visualisation web components for the life sciences.
- biohackeu21
- bioinformatics
- visualization
- webcomponents
- biohackeu22
+10 stars
from 142 · score 2.40
28.alenaksu / json-viewer
Web Component to visualize JSON data in a tree view
- json
- webcomponent
- json-viewer
- jsonviewer
- json-tree
+6 stars
from 238 · score 1.95
29.patternfly / patternfly-elements
PatternFly Elements. A set of community-created web components based on PatternFly design.
- design-system
- html
- webcomponents
- hacktoberfest
+5 stars
from 391 · score 1.79
30.curvenote / article
Components for interactive scientific writing, reactive documents and explorable explanations.
- webcomponents
- writing
- explorable-explanations
- exploratory-data-visualizations
- interactive-visualizations
- interactive-storytelling
- +4 more
+5 stars
from 195 · score 1.79
+5 stars
from 129 · score 1.79
32.elix / elix
High-quality, customizable web components for common user interface patterns
- webcomponents
- web-components
- user-interface
- javascript
+4 stars
from 834 · score 1.61
33.mmmerl / shader-doodle
A friendly web-component for writing and rendering shaders.
+4 stars
from 585 · score 1.61
34.IgniteUI / igniteui-webcomponents
Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.
- custom-elements
- design-system
- lit
- open-source
- shadow-dom
- typescript
- +2 more
+4 stars
from 166 · score 1.61
35.outpostHQ / numl
DEPRECATED: Atomic UI Framework based on Web Components and Runtime CSS Generation for rapidly building interfaces that follow your Design System 🌈DE
- markup-language
- designsystem
- css-generator
- web-components
- ui-components
- themes
- +7 more
+3 stars
from 337 · score 1.39
36.lume / element
Fast and simple custom elements.
- html
- custom-elements
- web-components
- jsx
- tsx
- shadow-dom
- +10 more
+3 stars
from 184 · score 1.39
37.Polydile / dile-components
Custom elements catalog for all kind of projects and frameworks.
- components
- web
- catalog
- custom
- elements
- ui
- +6 more
+3 stars
from 103 · score 1.39
38.thepassle / generic-components
A collection of generic web components with a focus on accessibility, and ease of use
+2 stars
from 569 · score 1.10
39.preactjs / preact-custom-element
Wrap your component up as a custom element
+2 stars
from 402 · score 1.10
40.kor-ui / kor
User Interface Component Library based on LitElement / lit-html
- kor
- litelement
- webcomponents
- lit-element
- lit-html
- design-system
+2 stars
from 288 · score 1.10
41.vmware-clarity / coreArchived
Clarity is a scalable, accessible, customizable, open-source design system built with web components. Works with any JavaScript framework, created for enterprises, and designed to be inclusive.
- design-system
- ui-components
- clarity
- a11y
- web-components
- react
- +3 more
+2 stars
from 183 · score 1.10
+2 stars
from 124 · score 1.10
43.andreruffert / range-slider-element
🎚 A cross browser customizable and accessible <range-slider> web component
- range-slider
- ui
- multi-thumb
- web-components
- javascript
- slider
- +1 more
+2 stars
from 91 · score 1.10
44.stx-labs / connect
A library for building excellent user experiences with Stacks.
- blockstack
- typescript
- blockchain
- decentralized
- styled-components
- stacks
+2 stars
from 86 · score 1.10
45.duetds / date-pickerArchived
Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Try live example at https://duetds.github.io/date-picker/
- javascript
- javascript-library
- web-component
- webcomponent
- date-picker
- datepicker
- +6 more
+1 stars
from 1,717 · score 0.69