Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev. 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.
[Storybook 7.6](https://github.com/storybookjs/storybook/releases) is here with increased performance and much more! 🔥 Improved SWC support 🧪 New test utilities and fast build mode 🔼 NextJS SWC + avif support & fixes 🤡 SvelteKit page and navigation mocking ⚛️ React-docgen upgrade 🎨 Controls a11y, background theming, and viewports 🩺 CLI: The doctor is in! 🚫 Addons: Remove React as a peer dependency 🪦 Storyshots and Vue2 deprecated
-
astro
The web framework that scales with you — Build fast content sites, powerful web applications, dynamic server APIs, and everything in-between ⭐️ Star to support our work!
Astro has one of the most highly regarded communities because of their willingness to support contributors, create a clear path for contributors, and encourage the growth of the community.
-
Appwrite
Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.
-
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Project mention: 9 React component libraries for efficient development in 2023 | dev.to | 2023-11-13GitHub stars: 22.5k GitHub link: https://github.com/tailwindlabs/headlessui Documentation: https://headlessui.com/
-
-
Blueprint : A collection of components for building data-intensive interfaces for desktops. It specifically states that it is not designed to work for mobile. It is most likely better for building internal tools, dashboards, and Electron apps. Blueprint is one of the few libs in this list that has a Date Picker component.
-
office-ui-fabric-react
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
-
InfluxDB
Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.
-
Project mention: Top React Component UI Libraries to Enhance Your Web Development Projects | dev.to | 2023-11-30
Next UI stands out as an elegant, swift, and contemporary React UI library. Offering a user-friendly approach to theme customization, it simplifies the process of adjusting colors, fonts, breakpoints, and more. Its performance is enhanced by minimizing unnecessary style props at runtime, setting it apart from other UI libraries.
-
nivo
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
Project mention: Level Up Your Web App with Stunning React Charts: Introducing the Top 10 React Charts Libraries | dev.to | 2023-07-31Nivo is a data visualization library built on top of D3.js and React. It offers a range of well-designed, customizable charts with great animations, making it suitable for creating visually impressive data visualizations.
-
This doesn't mean you are required to write vanilla JavaScript web components either. If you are familiar with using Fast or Lit to write web components you can include those libraries in you Enhance application. However, with the introduction of Enhance base classes for the light and shadow DOM you can get the same DX improvements where you write less boilerplate web component code while enabling the sharing of a render method between the SSR and CSR rendering.
-
-
Project mention: Do you think the future of website development is MERN + Typescript because it uses Typescript as the main programming language? | /r/ExperiencedDevs | 2023-07-08
Typescript is a mistake. Static typing seemed like such a potentially good thing to add to javascript, but the reality is it's a nightmare to work with. If you don't believe me, go to Reakit's github and tell me the complete set of valid options for creating a tooltip.
-
Project mention: Show HN: React95 – a React components library recreating the look of Windows 95 | news.ycombinator.com | 2023-07-09
There'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-01
Check 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.
-
searchkit
Search UI for Elasticsearch & Opensearch. Compatible with Algolia's Instantsearch and Autocomplete components. React & Vue support
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: 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
-
Project mention: BlockSuite is the open-source block-based editor | news.ycombinator.com | 2023-07-26
-
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.
-
tail-kit
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 3.0.
-
Onboard AI
Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.
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).
The latest post mention was on 2023-12-01.
TypeScript Components related posts
- Storybook 7.6 is out!
- Show HN: Use shadcn UI in Python Streamlit
- Ask HN: I'm bad at design, which stops me from finishing side projects. Advice?
- So You're Interested in Being an Open Source Maintainer
- Introducing Shadcn UI: A reusable UI component collection
- Show HN: Chat between Discord and your website with React
- Understanding Astro integrations and the hooks lifecycle
-
A note from our sponsor - Onboard AI
getonboard.dev | 1 Dec 2023
Index
What are some of the best open-source Component projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | storybook | 81,089 |
| 2 | astro | 37,290 |
| 3 | shadcn/ui | 35,966 |
| 4 | headlessui | 22,835 |
| 5 | vant | 22,264 |
| 6 | @blueprintjs/core | 20,177 |
| 7 | office-ui-fabric-react | 16,942 |
| 8 | nextui | 16,888 |
| 9 | nivo | 12,078 |
| 10 | fast | 8,714 |
| 11 | cosmos-js | 7,927 |
| 12 | reakit | 7,318 |
| 13 | React95 | 6,069 |
| 14 | react-native-ui-lib | 5,831 |
| 15 | ngx-bootstrap | 5,508 |
| 16 | aleph.js | 5,229 |
| 17 | searchkit | 4,663 |
| 18 | alva | 3,747 |
| 19 | ring-ui | 3,528 |
| 20 | unplugin-vue-components | 3,280 |
| 21 | blocksuite | 3,077 |
| 22 | taiga-ui | 2,850 |
| 23 | tail-kit | 2,779 |
Learn any GitHub repo in 59 seconds
Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.
getonboard.dev