TypeScript UI Frameworks

Open-source TypeScript projects categorized as UI Frameworks

Top 22 TypeScript UI Framework Projects

  • Material UI

    Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

    Project mention: Zero-runtime CSS-in-JS implementation | news.ycombinator.com | 2024-01-29
  • antd

    An enterprise-class UI design language and React UI library

    Project mention: Creating an AI photo generator and editing app with React | dev.to | 2024-02-01

    Ant Design (antd) is a React component library for building beautiful and modern user interfaces. It comes with a collection of prebuilt, enterprise-level UI components. To install Ant Design, use the command below:

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

  • react-admin

    A frontend Framework for building data-driven applications running on top of REST/GraphQL APIs, using TypeScript, React and Material Design

    Project mention: New client-side hooks coming to React 19 | dev.to | 2024-01-23

    With these features, data fetching and forms become significantly easier to implement in React. However, creating a great user experience involves integrating all these hooks, which can be complex. Alternatively, you can use a framework like react-admin where user-friendly forms with optimistic updates are built-in.

  • react-bootstrap

    Bootstrap components built with React

    Project mention: 9 React component libraries for efficient development in 2023 | dev.to | 2023-11-13

    GitHub stars: 22k GitHub link: https://github.com/react-bootstrap/react-bootstrap Documentation: https://react-bootstrap.netlify.app/docs/getting-started/introduction/

  • @blueprintjs/core

    A React-based UI toolkit for the web

    Project mention: An Overview of 25+ UI Component Libraries in 2023 | dev.to | 2023-09-10

    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.

    Project mention: Making Web Component properties behave closer to the platform | dev.to | 2024-01-21

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

  • antd-mobile

    Essential UI blocks for building mobile web apps.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  • base web

    A React Component library implementing the Base design language

    Project mention: ⚡Top GitHub Repositories for UI Components | dev.to | 2024-01-05

    🔍 Site ⭐ GitHub

  • rsuite

    🧱 A suite of React components .

    Project mention: 13 Must Know Libraries for a React Developer | dev.to | 2023-08-15

    React Suite is a set of react component libraries for enterprise system products. It is a well-thought-out and developer-friendly UI framework. (Source: React Suite GitHub)

  • semi-design

    🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 2800+ Design Tokens, easy to build your design system. Make Semi Design to Any Design. 🧑🏻‍💻 Design to Code in one click

  • reakit

    Toolkit for building accessible web apps with React

    Project mention: ⚡Top GitHub Repositories for UI Components | dev.to | 2024-01-05

    🔍 Site ⭐ GitHub

  • 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-07

    https://github.com/searchkit/searchkit is an instantsearch adapter for elasticsearch / opensearch

  • zeit-ui-react

    A design system for building modern websites and applications.

  • ChatUI

    The UI design language and React library for Conversational UI

  • flowbite-react

    Official React components built for Flowbite and Tailwind CSS

    Project mention: Tutorial: how to install Meteor.js with Tailwind CSS and Flowbite | dev.to | 2023-07-26

    To get you started you can check out the full collection of React components from the Flowbite React repository and browse the documentation for the source code of each component.

  • mdbootstrap

    React 18 & Bootstrap 5 & Material Design 2.0 UI KIT

  • orbit-components

    React components of open-source Orbit design system by Kiwi.com (by kiwicom)

  • @artsy/fresnel

    An SSR compatible approach to CSS media query based responsive layouts for React.

  • fluent-ui

    🌈 React components that inspired by Microsoft's Fluent Design System.

  • cdbreact

    Contrast Design Bootstrap : Elegant UI Kit and reusable components for building mobile-first, responsive websites and web apps

  • react-stack-cards

    Visit the demo page

  • lens-ui

    React.js ui library

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

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 2024-02-01.

TypeScript UI Frameworks related posts


What are some of the best open-source UI Framework projects in TypeScript? This list will help you:

Project Stars
1 Material UI 90,946
2 antd 89,488
3 react-admin 23,693
4 react-bootstrap 22,143
5 @blueprintjs/core 20,317
6 office-ui-fabric-react 17,429
7 antd-mobile 11,339
8 base web 8,576
9 rsuite 8,043
10 semi-design 7,714
11 reakit 7,506
12 searchkit 4,689
13 zeit-ui-react 4,145
14 ChatUI 2,357
15 flowbite-react 1,612
16 mdbootstrap 1,393
17 orbit-components 1,363
18 @artsy/fresnel 1,186
19 fluent-ui 124
20 cdbreact 49
21 react-stack-cards 39
22 lens-ui 7
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.