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
As a development server, we can use an actual development server of our app, like Create React App (that we use for the examples) or Vite, or another tool like React Styleguidist or Storybook, to test isolated components.
Check out the beautiful UI crafted by ShadCN over at the deployed version of our app — sign in with Google and get some sweet cards! Plus, the entire project is open source. Grab the code from GitHub.
We'll use several interesting technologies to achieve this: Strapi CMS to take care of the content management and backend, Astro which is a great new technology for quickly creating blazing fast frontend apps, and ChatGPT to provide the article summaries.
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.
Official Website: https://blueprintjs.com/
Project mention: Best FrontEnd & New ReUsable Component Libraries For React JS 2024. | dev.to | 2024-05-07NextUI
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
Project mention: Nivo: Dataviz components, built on top of D3 and React | news.ycombinator.com | 2024-04-30
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: Vue 3 vs Vue 2 so far? What's your opinion? Things I didn't like about Vue 3 compared to Vue 2 | /r/vuejs | 2023-06-02
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
-
TanStack Form: Setup and simple validation (with shadcn/ui)
-
How to Set Up Cost-Effective Email Solutions with AWS SES and Terraform
-
Show HN: I made open source landing page components and templates
-
Integrate Copilot feature into your React applications using CopilotKit
-
Shadcn UI: A Developer's Delight (My Experience)
-
How to Build Your Own ChatGPT Clone Using React & AWS Bedrock
-
How to use NextJS pathname in Storybook 8
-
A note from our sponsor - InfluxDB
www.influxdata.com | 10 May 2024
Index
What are some of the best open-source Component projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | storybook | 82,947 |
2 | shadcn/ui | 57,985 |
3 | astro | 42,690 |
4 | headlessui | 24,418 |
5 | vant | 22,762 |
6 | recharts | 22,754 |
7 | @blueprintjs/core | 20,428 |
8 | nextui | 19,437 |
9 | office-ui-fabric-react | 17,731 |
10 | omi | 12,932 |
11 | nivo | 12,697 |
12 | fast | 9,046 |
13 | cosmos-js | 8,118 |
14 | reakit | 7,647 |
15 | React95 | 6,388 |
16 | react-native-ui-lib | 6,170 |
17 | ngx-bootstrap | 5,515 |
18 | aleph.js | 5,255 |
19 | searchkit | 4,714 |
20 | blocksuite | 3,838 |
21 | ring-ui | 3,565 |
22 | unplugin-vue-components | 3,536 |
23 | taiga-ui | 3,049 |
Sponsored