TypeScript UI Frameworks

Open-source TypeScript projects categorized as UI Frameworks

Top 23 TypeScript UI Framework Projects

UI Frameworks
  1. Material UI

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

    Project mention: Kickstart Hacktoberfest with These Exciting Open Source Projects to Contribute To! ๐Ÿš€ | dev.to | 2024-10-09

    ๐ŸŽจ Project: Material UI ๐Ÿ’ก Why Contribute: If design systems and UI frameworks are your thing, Material UI is a must-contribute project. Help maintain or enhance one of the most popular React component libraries used by thousands of developers globally.

  2. CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  3. antd

    An enterprise-class UI design language and React UI library

    Project mention: Top React Component Libraries for Faster UI Development | dev.to | 2025-02-06

    Ant Design

  4. chakra-ui

    Chakra UI is a component system for building products with speed โšก๏ธ

    Project mention: Top 10 best React component libraries in 2025 | dev.to | 2025-02-01

    Website: chakra-ui.com

  5. react-admin

    A frontend Framework for single-page applications on top of REST/GraphQL APIs, using TypeScript, React and Material Design

    Project mention: How to build a CMS with Supabase and React-admin | dev.to | 2025-02-03

    I've been working with react-admin on various projects, some of which required basic CMS features in addition to the core application. We've used headless CMS like Strapi, Directus, or Prismic for these features. However, react-admin is so powerful that it can be used to build the CMS part, too. That's why I worked on a CMS proof-of-concept using react-admin for the admin UI and Supabase (which provides a REST API) for the backend.

  6. react-bootstrap

    Bootstrap components built with React

    Project mention: Top 10 best React component libraries in 2025 | dev.to | 2025-02-01

    Website: react-bootstrap.github.io

  7. @blueprintjs/core

    A React-based UI toolkit for the web

    Project mention: Top 23 React UI Component Libraries for Your Next Project๐Ÿš€ | dev.to | 2024-05-30

    5. Blueprint

  8. office-ui-fabric-react

    Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

    Project mention: Why I Prefer RST to Markdown | news.ycombinator.com | 2024-07-31

    If you want Sphinx to achieve that breakout success, priority #1 should be to get high-quality, beautiful themes.

    At least for me, aesthetics are a high-priority factor when deciding which site generator to use. Hugo and Gatsby have great built-in themes, and I have chosen them for projects before based largely on this fact.

    The Sphinx themes here [0] and here [1] are various levels of "meh" to bland.

    Look at the standard Sphinx RTD theme: https://sphinx-rtd-theme.readthedocs.io/en/stable/

    Now, compare it to documentation sites like:

    - Apple's: https://developer.apple.com/documentation/swift/array

    - Fluent UI: https://react.fluentui.dev/?path=/docs/concepts-developer-po...

    RTD looks dated in comparison.

    [0]: https://sphinx-themes.org/

    [1]: https://sphinxthemes.com/#featured-themes

  9. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  10. antd-mobile

    Essential UI blocks for building mobile web apps.

  11. semi-design

    ๐Ÿš€A modern, comprehensive, flexible design system and React UI library. ๐ŸŽจ Provide more than 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design. ๐Ÿง‘๐Ÿปโ€๐Ÿ’ป Design to Code in one click

  12. base web

    A React Component library implementing the Base design language

  13. rsuite

    ๐Ÿงฑ A suite of React components .

    Project mention: Create a Simple React.js Workflow App From Scratch โ€“ Your Ultimate Guide ! | dev.to | 2024-05-20

    Now open your browser at http://localhost:3000 (in your case address may be different) and you will see an example React application. Let's start hack it. First we will add a navigation bar to our application. We will use React Suite library.

  14. reakit

    Toolkit for building accessible web apps with React

  15. searchkit

    React + Vue Search UI for Elasticsearch & Opensearch. Compatible with Algolia's Instantsearch and Autocomplete components.

  16. zeit-ui-react

    A design system for building modern websites and applications.

  17. gestalt

    A set of React UI components that supports Pinterestโ€™s design language

  18. ChatUI

    The UI design language and React library for Conversational UI

  19. flowbite-react

    Official React components built for Flowbite and Tailwind CSS

  20. mdbootstrap

    React 18 & Bootstrap 5 & Material Design 2.0 UI KIT

  21. orbit-components

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

  22. @artsy/fresnel

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

  23. coreui-react

    CoreUI React.js UI Components. CoreUI for React.js replaces and extends the Bootstrap javascript. Components have been built from scratch as true React.js hook components, without jQuery and unneeded dependencies.

  24. react-chatbotify

    A modern React library for creating flexible and extensible chatbots.

    Project mention: Generative AI Powered QnA & Visualization Chatbot | dev.to | 2025-01-26

    Front End: A React application that leverages React-Chatbotify library to easily integrate a chatbot GUI. It also uses the Plotly library to display the charts/visualizations. The generative AI implementation and details are entirely abstracted from the front end. The front-end application depends on a single REST endpoint of the backend application.

  25. fluent-ui

    ๐ŸŒˆ React components that inspired by Microsoft's Fluent Design System.

  26. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

TypeScript UI Frameworks discussion

Log in or Post with

TypeScript UI Frameworks related posts

  • Top React Component Libraries for Faster UI Development

    2 projects | dev.to | 6 Feb 2025
  • Top 10 best React component libraries in 2025

    7 projects | dev.to | 1 Feb 2025
  • A Year of Transformation: Reflecting on 2024's Journey in Tech and Beyond

    1 project | dev.to | 1 Jan 2025
  • Show HN: Ant Design X โ€“ Craft AI-driven interfaces effortlessly

    3 projects | news.ycombinator.com | 17 Dec 2024
  • Tackling Issue-164: Enhancing VoiceService Tests in React-Chatbotify

    1 project | dev.to | 1 Dec 2024
  • Trying bigger tasks in Open Source

    1 project | dev.to | 20 Nov 2024
  • Learning and Growing Through Open Source Contributions

    1 project | dev.to | 19 Nov 2024
  • A note from our sponsor - SaaSHub
    www.saashub.com | 9 Feb 2025
    SaaSHub helps you find the best software and product alternatives Learn more โ†’

Index

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

# Project Stars
1 Material UI 94,634
2 antd 93,373
3 chakra-ui 38,438
4 react-admin 25,333
5 react-bootstrap 22,464
6 @blueprintjs/core 20,859
7 office-ui-fabric-react 18,806
8 antd-mobile 11,719
9 semi-design 8,772
10 base web 8,770
11 rsuite 8,430
12 reakit 7,986
13 searchkit 4,796
14 zeit-ui-react 4,389
15 gestalt 4,262
16 ChatUI 2,778
17 flowbite-react 1,956
18 mdbootstrap 1,423
19 orbit-components 1,398
20 @artsy/fresnel 1,264
21 coreui-react 688
22 react-chatbotify 247
23 fluent-ui 123

Sponsored
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?