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. Learn more →
Top 23 TypeScript web-component Projects
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
-
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.
-
wired-elements
Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
-
vime
Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...
-
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.
-
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)
-
ninja-keys
Keyboard shortcuts interface for your website. Working with static HTML, Vanilla JS, Vue, React, Svelte.
-
ui5-webcomponents-react
A wrapper implementation for React of the UI5 Web Components that are compliant with the SAP Fiori User Experience
-
crayons
🖍️ Crayons - A UI Kit comprising of web components for building Freshworks Apps! (by freshworks)
-
pwa-lit-template
Discontinued A template for building Progressive Web Applications using Lit and Vaadin Router.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
But here’s some good news: there’s already a solution in the JavaScript world called Storybook!
Well if you want to check out the project you have here: 🌐 Docs website 📦 Github repo
Project mention: Episode 24/13: Native Signals, Details on Angular/Wiz, Alan Agius on the Angular CLI | dev.to | 2024-04-05Similarly to Promises/A+, this effort focuses on aligning the JavaScript ecosystem. If this alignment is successful, then a standard could emerge, based on that experience. Several framework authors are collaborating here on a common model which could back their reactivity core. The current draft is based on design input from the authors/maintainers of Angular, Bubble, Ember, FAST, MobX, Preact, Qwik, RxJS, Solid, Starbeam, Svelte, Vue, Wiz, and more…
Project mention: Web Components e a minha opinião sobre o futuro das libs front-end | dev.to | 2024-04-04
Next we’ll install Vitest and happy-dom to the project by running:
vidstack is very light on technical details but starts with a concise intro and a screenshot, as well as relevant links: https://github.com/vidstack/player
payload is well-structured in general: https://github.com/payloadcms/payload
nanostores starts out with an intro and telling code examples, followed by lots of technical details: https://github.com/nanostores/nanostores
I like this tool for Restic: https://github.com/emuell/restic-browser
TypeScript web-components related posts
-
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?
-
PatternFly: An open source design system
-
Recommendation Needed: WebComponent UI Library
-
Need some help on build process.
-
Simplest Way to Create Web Component
-
A note from our sponsor - SurveyJS
surveyjs.io | 7 Jun 2024
Index
What are some of the best open-source web-component projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | storybook | 83,159 |
2 | omi | 12,954 |
3 | wired-elements | 10,305 |
4 | fast | 9,111 |
5 | material-web | 8,794 |
6 | happy-dom | 3,004 |
7 | vime | 2,724 |
8 | haunted | 2,579 |
9 | player | 1,811 |
10 | ninja-keys | 1,584 |
11 | lume | 1,250 |
12 | stylo | 715 |
13 | html-midi-player | 620 |
14 | restic-browser | 573 |
15 | minze | 545 |
16 | ui5-webcomponents-react | 420 |
17 | giscus-component | 291 |
18 | calcite-design-system | 265 |
19 | elements | 225 |
20 | crayons | 207 |
21 | pwa-lit-template | 177 |
22 | image-crop-element | 176 |
23 | web-component-designer | 124 |