awesome-web-components
A curated list of awesome Web Components resources.
https://github.com/web-padawan/awesome-web-components
Last synced: 29 days ago
JSON representation
Filtered by web-component. Clear filters
Libraries
Class Based
- Lightning Web Components - blazing fast, enterprise-grade Web Components foundation.
- WebCell - Web Components engine based on VDOM, JSX, MobX & TypeScript.
Functional
- pion - React's Hooks API for web components with lit-html.
Meta Frameworks
Starter Kits
- hello-web-components - Simple starter hello world web component written in TypeScript.
Real World
Component Libraries
- AnywhereUI - Collection of rich web components that includes framework bindings. Created with StencilJS.
- Stripe Elements - Custom Element Wrapper for Stripe.js v3 Elements.
- TrendChart Elements - Components to generate simple, light and responsive charts.
Components
- `<active-table>` - Editable table web component.
- `<css-doodle>` - Web component for drawing patterns with CSS.
- `<midi-player>` - MIDI file player and visualizer web components.
- `<progressive-image>` - Custom element to progressively enhance image placeholders.
- `<qr-code>` - able, SVG-based QR codes.
- `<range-slider>` - Accessible range slider custom element with keyboard support.
- `<theme-switch>` - Animated toggle button to switch between light, dark, and system theme.
- `<pdfjs-viewer-element>` - Custom element that embeds PDF.js default viewer.
Design Systems
- UI5 Web Components - Set of reusable UI elements implementing SAP Fiori Design Guidelines.
- Zooplus web components - Set of web components that implement Z+ shop style guide.
- NVIDIA Elements - The Design Language and UI Agent Harness for AI/ML Factories, Robotics, and Autonomous Vehicles.