SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 TypeScript web-component Projects
-
storybook
Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
Storybook is essential for building and testing components in isolation. It's perfect for component-driven development, has a built-in testing environment, generates great documentation, supports visual regression testing, and has collaboration features for designers and developers.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
Well if you want to check out the project you have here: 🌐 Docs website 📦 Github repo
-
wired-elements
Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
-
Project mention: The Google Fit APIs will no longer be available after June 30, 2025 | news.ycombinator.com | 2024-08-27
Just in recent months:
1. Google no longer developing Material Web Components (https://github.com/material-components/material-web/discussi...)
2. Google Drops Support for Flutter
3. Google Drops Support for Dart (https://stackademic.com/blog/google-drops-support-for-flutte...)
4. And what else I did not hear about ...
Think about the consequences on startups with small budgets ...
-
Project mention: Show HN: Self-Hostable Algolia DocSearch Replacement | news.ycombinator.com | 2024-10-11
Example PR: https://github.com/microsoft/fast/pull/7031/files
If you want hosted-search:
-
-
We do have pseudo-browsers written in pure js that you can theoretically use:
https://github.com/jsdom/jsdom
https://github.com/capricorn86/happy-dom
but they're about as reliable as you can expect: it's difficult to keep up the pace with the big three (or two) on standards compliance, and they usually don't even try.
So the only reliable solution is a headless Chromium, Firefox, and/or WebKit-based noname browser like the sibling says.
https://pptr.dev/guides/what-is-puppeteer
-
vime
Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...
-
-
player
UI components and hooks for building video/audio players on the web. Robust, customizable, and accessible. Modern alternative to JW Player and Video.js. (by vidstack)
-
media-chrome
Custom elements (web components) for making audio and video player controls that look great in your website or app.
Project mention: Show HN: Winamp and other media players, rebuilt for the web with Web Components | news.ycombinator.com | 2024-10-08Good feedback, thanks! There's a related issue in the media chrome repo here: https://github.com/muxinc/media-chrome/issues/957
The situation is a little complex with "hot keys" for controlling the video in general (after clicking on the video), accessibility controls for each component, and then general accessibility expectations for the whole page. For example, should we capture the up and down arrows to always control volume when the player is in focus, or should we not do that because people expect that for scrolling the page.
All that said, we definitely have some iteration ahead of us on this front so thanks again for the input.
-
ninja-keys
Keyboard shortcuts interface for your website. Working with static HTML, Vanilla JS, Vue, React, Svelte.
-
-
Project mention: Restic-Browser: A GUI to browse and restore restic backup repositories | news.ycombinator.com | 2024-07-15
-
-
-
-
-
ui5-webcomponents-react
A wrapper implementation for React of the UI5 Web Components that are compliant with the SAP Fiori User Experience
-
pwa-install
Installation dialog for Progressive Web Application. Provides a more convenient user experience and fixes the lack of native dialogs in some browsers.
Project mention: App Should Have Been a Website (and Probably Your Game Too) | news.ycombinator.com | 2024-12-31I haven't looked at this lately and so don't have a specific recommendation, but there are small libraries for helping iOS learn how to “install” PWAs using Share → Add to Home Screen.
https://github.com/khmyznikov/pwa-install (Try on device: https://khmyznikov.com/pwa-install/)
-
-
-
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-components discussion
TypeScript web-components related posts
-
Cleaning & speeding up the JS ecosystem - Journey so far
-
Media-Chrome – custom elements for audio and video player controls
-
What is a component library and should you build your own?
-
What are Web Components
-
Restic-Browser: A GUI to browse and restore restic backup repositories
-
3D world on Web
-
Would an open-source lightweight object/scene framework on top of ThreeJS be useful?
-
A note from our sponsor - SaaSHub
www.saashub.com | 23 Jan 2025
Index
What are some of the best open-source web-component projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | storybook | 85,144 |
| 2 | omi | 13,106 |
| 3 | wired-elements | 10,549 |
| 4 | material-web | 9,539 |
| 5 | fast | 9,357 |
| 6 | mdui | 4,224 |
| 7 | happy-dom | 3,535 |
| 8 | vime | 2,793 |
| 9 | haunted | 2,622 |
| 10 | player | 2,539 |
| 11 | media-chrome | 1,983 |
| 12 | ninja-keys | 1,656 |
| 13 | lume | 1,371 |
| 14 | restic-browser | 773 |
| 15 | stylo | 711 |
| 16 | html-midi-player | 712 |
| 17 | minze | 555 |
| 18 | brisa | 559 |
| 19 | ui5-webcomponents-react | 461 |
| 20 | pwa-install | 428 |
| 21 | webcomponents.org | 367 |
| 22 | giscus-component | 357 |
| 23 | elements | 276 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com