The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 14 TypeScript web-component Projects
-
date-picker
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/
-
lottie-player
Lottie viewer/player as an easy to use web component! https://lottiefiles.com/web-player
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
ui5-webcomponents
UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.
-
qr-code
A no-framework, no-dependencies, customizable, animate-able, SVG-based <qr-code> HTML element. (by bitjson)
-
lite-youtube
The fastest little YouTube web component on this side of the internet. The shadow dom web component version of Paul's lite-youtube-embed.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
img-comparison-slider
Image comparison slider. Compare images before and after. Supports React, Vue, Angular.
-
jsfe
A Custom Element that auto-generates forms, declaratively. Works with Lit, Solid, Vue, Svelte, React, Astro, vanilla…
-
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
Cally - Small, feature-rich calendar components (https://wicky.nillia.ms/cally/) by Nick Williams Why should you pick this? Because its super small, portable, and customizable.
Project mention: If Web Components are so great, why am I not using them? | news.ycombinator.com | 2023-08-02* Should not conflict with anything on the page
[0] https://github.com/sneas/img-comparison-slider
Project mention: Framework Interoperable Component Libraries Using Lit Web Components. | dev.to | 2023-10-08The other day I stumbled upon my dream project the other day json-schema-form-element (github, editor) which is heavily inspired by the react counterpart. It's exactly what I wanted to make. This project, json-schema-form-element is a masterclass in how to make a modern web-component-first / "authored" library which is also interoperable with all other frameworks.
This project was born as a dependency to another project astro-cache-embed. The projects look something like this, with each being a dependency of the other: reggi.com -> astro-cache-embed -> mastodon-audio-player-web-component. Here's a demo of the mastodon-embed. Here's a demo of the mastodon-audio-player-web-component.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
TypeScript web-component related posts
- 🤯 Keep Up With these 50 Articles
- Small, feature-rich calendar components
- Does an embedded video loaded paused still cost bandwidth?
- Web Design Inspiration that isn't super artsy!
- Build and export React Components as Web Components without any extra effort
-
A note from our sponsor - WorkOS
workos.com | 25 Apr 2024
Index
What are some of the best open-source web-component projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | date-picker | 1,706 |
| 2 | lottie-player | 1,488 |
| 3 | ui5-webcomponents | 1,428 |
| 4 | qr-code | 933 |
| 5 | lite-youtube | 802 |
| 6 | cally | 800 |
| 7 | html-midi-player | 589 |
| 8 | img-comparison-slider | 504 |
| 9 | react-webcomponentify | 66 |
| 10 | jsfe | 66 |
| 11 | cwco | 57 |
| 12 | web-dialog | 44 |
| 13 | mastodon-audio-player-web-component | 3 |
| 14 | github-user-wc | 0 |
Sponsored
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com