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. Learn more →
Top 23 TypeScript Component Projects
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
-
shadcn/ui
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
-
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.
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
-
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.
-
office-ui-fabric-react
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
-
nivo
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
-
searchkit
Search UI for Elasticsearch & Opensearch. Compatible with Algolia's Instantsearch and Autocomplete components. React & Vue support
-
blocksuite
🧩 Content editing tech stack for the web - BlockSuite is a toolkit for building editors and collaborative applications.
-
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!
or Astro; if you’d like to integrate React, VueJS etc. code as well. use their themes page here to get a starting point.
Project mention: Ask HN: What's the best charting library for customer-facing dashboards? | news.ycombinator.com | 2024-04-29Chartjs looks great, but I've never used it so can't recommend personally. I've used https://recharts.org a lot with success.
5. Blueprint
16. Next UI
Project mention: Making Web Component properties behave closer to the platform | dev.to | 2024-01-21For example, all the following design systems can be used without tooling (some of them provide ready-to-use bundles, others can be used through import maps): Google's Material Web, Microsoft's Fluent UI, IBM's Carbon, Adobe's Spectrum, Nordhealth's Nord, Shoelace, etc.
Well if you want to check out the project you have here: 🌐 Docs website 📦 Github repo
Up to now we had been using the excellent Nivo dataviz library for React, but I wasn't sure how to customize it to support such a specific use case, or even if it was possible at all:
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…
React Cosmos emerges as an invaluable asset among React debugging tools, tailored for both React and React Native projects. It stands out by offering a conducive environment for developers to meticulously work on, test, and iterate UI components, ensuring they seamlessly integrate with the intended application settings.
🔍 Site ⭐ GitHub
Project mention: Show HN: React95 – a React components library recreating the look of Windows 95 | news.ycombinator.com | 2023-07-09There's another repo on GitHub that does the same. If the number of stars is of any significance, they have more. See: https://react95.io/ or https://github.com/react95-io/React95
Project mention: I don't get fresh. why can't I use react without commiting to a server side framework? | /r/Deno | 2023-07-01Check aleph if you want to use react with deno. But I'd suggest sticking with Node.js and Vite as you'll get less surprises.
Project mention: Autocomplete – a JavaScript library for building autocomplete experiences | news.ycombinator.com | 2023-06-07https://github.com/searchkit/searchkit is an instantsearch adapter for elasticsearch / opensearch
Project mention: BlockSuite is the open-source block-based editor | news.ycombinator.com | 2023-07-26
Project mention: Building Vue3 Component Library from Scratch #7 Using Gulp to Implement On-Demand Import | dev.to | 2024-05-28Thus, on-demand imports can be achieved. We will not go into detail about the use of these plugins here, as this article does not focus on that topic. If you are interested, you can directly look up the usage of unplugin-vue-components.
Our team already has a stock of welcomed projects, especially in the Angular ecosystem, such as Taiga UI, ng-polymorpheus and Web APIs for Angular to name a few. We take them very seriously because they are not pet projects or hobbies (although we love them as if they were). Therefore you can expect our documentation to be easy to navigate, examples to be plentiful and communication to go effortlessly.
TypeScript Components related posts
-
“Mail” example in shadcn-ui/ui manages state using Jotai.
-
app/(app) route group in shadcn-ui/ui
-
Top 23 React UI Component Libraries for Your Next Project🚀
-
Mysterious /sink route in ui.shadcn.com
-
Building Vue3 Component Library from Scratch #7 Using Gulp to Implement On-Demand Import
-
OpenAI Assistant with NextJS
-
“cn” utility function in shadcn-ui/ui:
-
A note from our sponsor - InfluxDB
www.influxdata.com | 1 Jun 2024
Index
What are some of the best open-source Component projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | storybook | 83,116 |
2 | shadcn/ui | 59,620 |
3 | astro | 43,154 |
4 | headlessui | 24,696 |
5 | vant | 22,857 |
6 | recharts | 22,883 |
7 | @blueprintjs/core | 20,472 |
8 | nextui | 19,725 |
9 | office-ui-fabric-react | 17,830 |
10 | omi | 12,940 |
11 | nivo | 12,768 |
12 | fast | 9,074 |
13 | cosmos-js | 8,145 |
14 | reakit | 7,655 |
15 | React95 | 6,407 |
16 | react-native-ui-lib | 6,215 |
17 | ngx-bootstrap | 5,515 |
18 | aleph.js | 5,255 |
19 | searchkit | 4,723 |
20 | blocksuite | 3,954 |
21 | ring-ui | 3,575 |
22 | unplugin-vue-components | 3,565 |
23 | taiga-ui | 3,059 |
Sponsored