SaaSHub helps you find the best software and product alternatives 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.
-
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.
-
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…
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Calendar: Another calendar resource for all your scheduling needs
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 - SaaSHub
www.saashub.com | 1 Jun 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,714 |
| 2 | lottie-player | 1,504 |
| 3 | ui5-webcomponents | 1,446 |
| 4 | qr-code | 1,071 |
| 5 | cally | 1,016 |
| 6 | lite-youtube | 816 |
| 7 | html-midi-player | 618 |
| 8 | img-comparison-slider | 558 |
| 9 | react-webcomponentify | 66 |
| 10 | jsfe | 73 |
| 11 | cwco | 57 |
| 12 | web-dialog | 44 |
| 13 | mastodon-audio-player-web-component | 3 |
| 14 | github-user-wc | 0 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com