TypeScript web-component

Open-source TypeScript projects categorized as web-component
Edit details
JavaScript web-components HTML TypeScript React
Deploy and host your apps and databases, now with $50 credit!
Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!
sevalla.com
featured

Top 14 TypeScript web-component Projects

web-component

  1. 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.

  2. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo

  3. lottie-player

    Lottie viewer/player as an easy to use web component! https://lottiefiles.com/web-player

    Project mention: Lottie Player npm package compromised for crypto wallet theft | dev.to | 2024-10-31

    Users reported in the lottie-player code repository that by using the library through CDN from sources such as https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js or https://cdn.jsdelivr.net/npm/@lottiefiles/[email protected]/dist/lottie-player.min.js, they would observe a crypto wallet login screen such as this, from the GitHub issue thread:

  4. cally

    Small, feature-rich calendar components

    Project mention: JavaScript Temporal Is Coming | news.ycombinator.com | 2025-01-30

    It's so much nicer than what we're used to working with!

    I built a set of low-level calendar components for building date/range pickers [0]. In anticipation of Temporal landing in browsers I decided to forgo Date (at least on the surface, I hid it away) and polyfilled the slither of Temporal I needed. When it lands I can just delete a bunch of code. The components come in at less than 10kb already, so I am looking forward to making them even slimmer!

    [0] https://wicky.nillia.ms/cally/

  5. qr-code

    A no-framework, no-dependencies, customizable, animate-able, SVG-based <qr-code> HTML element. (by bitjson)

  6. 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.

    Project mention: Google advises against using YouTube embeds | news.ycombinator.com | 2025-02-13

    Better alternative : https://github.com/justinribeiro/lite-youtube

  7. html-midi-player

    🎹 Play and display MIDI files on the web

  8. img-comparison-slider

    Image comparison slider. Compare images before and after. Supports React, Vue, Angular.

  9. Sevalla

    Deploy and host your apps and databases, now with $50 credit! Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!

    Sevalla logo

  10. jsfe

    A Custom Element that auto-generates forms, declaratively. Works with Lit, Solid, Vue, Svelte, React, Astro, vanilla…

  11. react-webcomponentify

    Build Web Components with React or Preact (without any extra effort)

  12. cwco

    Powerful and Fast Web Component Library with a Simple API

  13. web-dialog

    A highly accessible, customizable and lightweight dialog

  14. mastodon-audio-player-web-component

    🐘🎧 Mastodon Audio Player Web Component

  15. counter-wc

    An example of Web Component library that works with SSR Declarative Shadow DOM in any framework or Vanilla.js. Thanks to Brisa Web Component Compiler.

  16. github-user-wc

    Example of Lit component

  17. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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 discussion

Log in or Post with

TypeScript web-component related posts

  • Lottie Player npm package compromised for crypto wallet theft

    1 project | dev.to | 31 Oct 2024

  • Malicious code in Lottie-Player CDN files

    1 project | news.ycombinator.com | 30 Oct 2024

  • 🤯 Keep Up With these 50 Articles

    5 projects | dev.to | 16 Apr 2024

  • Small, feature-rich calendar components

    1 project | news.ycombinator.com | 8 Apr 2024

  • Does an embedded video loaded paused still cost bandwidth?

    1 project | /r/webdev | 21 Nov 2022

  • Web Design Inspiration that isn't super artsy!

    1 project | /r/web_design | 30 Dec 2021

  • Build and export React Components as Web Components without any extra effort

    1 project | news.ycombinator.com | 22 May 2021
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 2 Sep 2025
    InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more →

Index

What are some of the best open-source web-component projects in TypeScript? This list will help you:

# Project Stars
1 ui5-webcomponents 1,668
2 lottie-player 1,622
3 cally 1,454
4 qr-code 1,359
5 lite-youtube 1,254
6 html-midi-player 786
7 img-comparison-slider 755
8 jsfe 161
9 react-webcomponentify 70
10 cwco 57
11 web-dialog 55
12 mastodon-audio-player-web-component 8
13 counter-wc 2
14 github-user-wc 0

Sponsored
InfluxDB – Built for High-Performance Time Series Workloads
InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
www.influxdata.com
Loading...