TypeScript Components

Open-source TypeScript projects categorized as Components

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-31

    Have you explored using storybook ? I've seen it be really helpful for these types of challenges if incrementally adopted.

  • astro

    Build faster websites with Astro's next-gen island architecture 🏝✨

    Project mention: Getting the Visual Editor to work for Storyblok + Astro | dev.to | 2023-01-31

    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

    Lightweight Mobile UI Components built on Vue

    Project mention: 15 UI Component Libraries for Vue 3 in 2022 | dev.to | 2022-03-15

    Vant UI (19k stars on GitHub) Lightweight Mobile UI Components built on Vue

  • @blueprintjs/core

    A React-based UI toolkit for the web

    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.

    Project mention: Web 3.0 frontend stacks in 2023 | dev.to | 2023-01-29

    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.

    Project mention: Fluent Insights EP4: Slots | dev.to | 2022-11-29
  • nivo

    nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries

    Project mention: The Top 6 ReactJS Chart Libraries for Data Visualization | dev.to | 2022-12-05

    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.

  • nextui

    🚀 Beautiful, fast and modern React UI library.

    Project mention: Ask HN: React UI Frameworks | news.ycombinator.com | 2023-01-26
  • fast

    The adaptive interface system for modern web experiences.

    Project mention: Using Fast Components in an Enhance App | dev.to | 2023-01-20

    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.

  • cosmos-js

    Sandbox for developing and testing UI components in isolation

    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.

  • ui

    Beautifully designed components built with Radix UI and Tailwind CSS. (by shadcn)

    Project mention: Server Components | reddit.com/r/reactjs | 2023-01-29

    I also just found this https://github.com/shadcn/ui

  • reakit

    Toolkit for building accessible web apps with React

    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.

  • tremor

    The react library to build dashboards fast.

    Project mention: We updated our open-source React Library to build dashboards fast | reddit.com/r/programming | 2023-01-14
  • React95

    🌈🕹 Windows 95 style UI component library for React

    Project mention: 98.css – design system for building faithful recreations of Windows 98 UIs | news.ycombinator.com | 2022-10-23
  • ngx-bootstrap

    Fast and reliable Bootstrap widgets in Angular (supports Ivy engine)

    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.

  • react-native-ui-lib

    UI Components Library for React Native

    Project mention: Any good UI libraries? | reddit.com/r/reactnative | 2022-11-21

    Wix’s react-native-ui-lib is also nice: https://github.com/wix/react-native-ui-lib

  • aleph.js

    The Full-stack Framework in Deno.

    Project mention: Deno 1.28: Featuring 1.3M New Modules | news.ycombinator.com | 2022-11-14
  • searchkit

    Search UI for Elasticsearch. Compatible with Algolia's Instantsearch and Autocomplete

    Project mention: Ask HN: Should I give up and get a job? | news.ycombinator.com | 2022-03-03

    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.

  • alva

    Create living prototypes with code components.

  • ring-ui

    A collection of JetBrains Web UI components

    Project mention: JetBrains Ring UI | news.ycombinator.com | 2022-10-07
  • 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
  • taiga-ui

    Angular UI Kit and components library for awesome people

    Project mention: Setup questions | reddit.com/r/Angular2 | 2023-01-06

    You can also check out TaigaUI https://taiga-ui.dev/ they also have an awesome component framework.

  • crank

    The Just JavaScript Framework

    Project mention: Algebraic Effects – You Can Touch This (2019) | news.ycombinator.com | 2022-12-14

    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.

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-01-31.

TypeScript Components related posts


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
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.