Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more! 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.
Project mention: Advice on starting a design system / component library | reddit.com/r/FigmaDesign | 2023-01-31Have you explored using storybook ? I've seen it be really helpful for these types of challenges if incrementally adopted.
-
The @astrojs/netlify dependency. This is the Netlify adapter that I must use with Astro to make my Astro project build in Netlify in SSR mode.
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
Vant UI (19k stars on GitHub) Lightweight Mobile UI Components built on Vue
-
Project mention: Tabler: Free and open source dashboard HTML/CSS framework | news.ycombinator.com | 2022-07-29
Maybe https://blueprintjs.com/ for you, although last time I checked it did not have explicit mobile or tablet support. (They don’t aim to break mobile or tablet but they don’t endeavour to support it.)
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
I prefer plain & customizable style-less frameworks. Radix UI has more features than Headless UI, but adding style is more difficult. So components by shadcn is good starting point.
-
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
Nivo is built on D3 and provides a variety of templates for data visualization and presentation. It is one of the few libraries that provide server-side rendering ability and fully declarative charts.
-
Sonar
Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
-
-
Fast is a library of web components and a framework for building web components from Microsoft. With minor configuration, you can use Fast components in your Enhance app.
-
Project mention: Do you use Storybook in your React Native projects? | reddit.com/r/reactnative | 2022-03-31
I switched to cosmos (https://github.com/react-cosmos/react-cosmos ) awhile back and like it a lot more. Storybook might have caught up this now I havnt tried again since.
-
I also just found this https://github.com/shadcn/ui
-
Project mention: Adopt open-source 'accessible' UI libraries? | reddit.com/r/accessibility | 2022-08-10
As a tech lead (or whoever makes the technical decision), it looks very tempting to adopt the open source UI libraries, if possible. In the React.js land, I used a bit of Charkra UI and Reakit.
-
Project mention: We updated our open-source React Library to build dashboards fast | reddit.com/r/programming | 2023-01-14
-
Project mention: 98.css – design system for building faithful recreations of Windows 98 UIs | news.ycombinator.com | 2022-10-23
-
Project mention: What is the difference between "ng-bootstrap" and "ngx-bootstrap"? | reddit.com/r/codehunter | 2022-07-10
with ngx-bootstrap I mean valor-software-ngx-bootstrap.
-
Wix’s react-native-ui-lib is also nice: https://github.com/wix/react-native-ui-lib
-
-
I think you are probably spending too much of your time on software and too little time on marketing.
When I look at an open-source project, I ask myself three things:
1) What does it do exactly?
2) Is this easy to get started with?
3) Does it have any documentation?
For example, I have a use case for wanting to use graphql to communicate with elasticsearch. I google "graphql + elasticsearch" and somewhere a link to https://www.searchkit.co/ comes up. I look at it and I find my answers within 60 seconds:
1) Top of the page I see "Searchkit is an open source library which helps you build a great search experience with Elasticsearch. Powered by Apollo GraphQL." This makes me think that yeah, it's probably looking to solve a similar problem to me. In case I had any doubts, there's a demo.
2) Yes, easy to get started. There's a big "get started" button at the top of the page. And a get-started-video link at the bottom of the homepage.
3) At a glance, yes, it has decent documentation.
Given that I quickly got answers to these 3 questions, yes, I might consider using this project, or at least trying it out.
When I go to your page, I see:
1) River DB is a Rust connection pool and middleware proxy... ok... why do i need that? What problem is this solving? There's a long paragraph I can read after that, but when i'm browsing the web i don't usually read long paragraphs, so you've lost me already.
2) I have no idea how to get started
3) Doesn't look like there's any docs
Given the above, why would I use your software?
Note that the above has nothing to do with your software quality. But people only care about your code if things are breaking. Marketing material is what gets them in the door. For example, I use React all the time. I have NO IDEA if the underlying code is any good. And I don't really care. What I care about is that it's easy to use.
Anyway, long story short... if you want to build a software business, coding is maybe 30-40% of the job. Marketing, sales, documentation and all that jazz is probably the majority of the work. If you don't want to do that and you just want to code, then great, get a job. People will pay you good money for that.
-
-
-
tail-kit
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 3.0.
Project mention: Affordable tailwind theme(html template) for e-commerce project | reddit.com/r/tailwindcss | 2022-11-03 -
You can also check out TaigaUI https://taiga-ui.dev/ they also have an awesome component framework.
-
Well there's https://crank.js.org that uses native js generators where you would you normally put hooks in. Never used it but looked like a very neat idea.
-
InfluxDB
Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.
TypeScript Components related posts
- Astro – Build Faster Websites
- Advice on starting a design system / component library
- Advice needed...
- What's your Startup OS stack?
- Component development with ladle and next/image
- Is a Static Page Host Right For Me?
- Web 3.0 frontend stacks in 2023
-
A note from our sponsor - Appwrite
appwrite.io | 1 Feb 2023
Index
What are some of the best open-source Component projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | storybook | 76,268 |
2 | astro | 25,347 |
3 | vant | 20,756 |
4 | @blueprintjs/core | 19,566 |
5 | headlessui | 18,731 |
6 | office-ui-fabric-react | 14,611 |
7 | nivo | 11,009 |
8 | nextui | 8,996 |
9 | fast | 7,974 |
10 | cosmos-js | 7,699 |
11 | ui | 6,936 |
12 | reakit | 6,473 |
13 | tremor | 6,007 |
14 | React95 | 5,609 |
15 | ngx-bootstrap | 5,440 |
16 | react-native-ui-lib | 5,111 |
17 | aleph.js | 4,984 |
18 | searchkit | 4,499 |
19 | alva | 3,740 |
20 | ring-ui | 3,385 |
21 | tail-kit | 2,547 |
22 | taiga-ui | 2,544 |
23 | crank | 2,528 |