SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 TypeScript Material Design Projects
-
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.
-
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.
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Ionic Official Website
-
Project mention: How to adapt an autocomplete/select field to work with server-side filtering and pagination | dev.to | 2024-09-04
The technical implementation will be demonstrated with Vue, my preferred framework for everyday work, combined with Vuetify, a very robust and highly customizable component framework commonly used in the Vue ecosystem. Note that concepts used here can be applied using other combinations of popular JavaScript technologies.
-
Angular Material: has a lot of components and tools, can be styled using CSS variables (including the variables generated by Tailwind CSS), maintained by the Angular team, and they put a lot of effort into supporting accessibility features;
-
Paper: Making your React Native apps look and feel native
-
Project mention: The Google Fit APIs will no longer be available after June 30, 2025 | news.ycombinator.com | 2024-08-27
Just in recent months:
1. Google no longer developing Material Web Components (https://github.com/material-components/material-web/discussi...)
2. Google Drops Support for Flutter
3. Google Drops Support for Dart (https://stackademic.com/blog/google-drops-support-for-flutte...)
4. And what else I did not hear about ...
Think about the consequences on startups with small budgets ...
-
material-shell
A modern desktop interface for Linux. Improve your user experience and get rid of the anarchy of traditional desktop workflows. Designed to simplify navigation and reduce the need to manipulate windows in order to improve productivity. It's meant to be 100% predictable and bring the benefits of tools coveted by professionals to everyone.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
-
-
material-tailwind
@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
-
notistack
Highly customizable notification snackbars (toasts) that can be stacked on top of each other
2. Notistack
-
-
Project mention: 17 Best Free React Admin Template 2024 to Speed up Your Web App Development 🚀 | dev.to | 2024-09-12
Live demo 🚀 Details 📑
-
-
-
materio-mui-nextjs-admin-template-free
An enterprise-grade Next.js admin dashboard template. Made with developer experience first: Next.js v14 (App Router), Material UI (MUI), Tailwind CSS, TypeScript, ESLint, Prettier, VSCode Configs !! 🚀
Get it here- Free Materio MUI Next.js Admin Template — GitHub
-
-
-
-
ej2-javascript-ui-controls
Syncfusion JavaScript UI controls library offer more than 50+ cross-browser, responsive, and lightweight HTML5 UI controls for building modern web applications.
Project mention: Top 5 Techniques to Protect Web Apps from Unauthorized JavaScript Execution | dev.to | 2024-08-06Syncfusion JavaScript UI controls library is the only suite that you will ever need to build an app since it contains over 85 high-performance, lightweight, modular, and responsive UI components in a single package.
-
Syncfusion React UI Components Library (Essential JS 2)
Syncfusion React UI components library offer more than 50+ cross-browser, responsive, and lightweight react UI controls for building modern web applications.
-
Geekits
🛠️ Feature-rich all-in-one digital toolbox designed for daily Paper-Cuts with efficiency and simplicity.
-
tokyo-free-white-react-admin-dashboard
Free React Typescript Admin Dashboard Template built with Material-UI
Get it here - Tokyo Free White React Admin Template — GitHub
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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 Material Design discussion
TypeScript Material Design related posts
-
Modify Angular Material 19 Theme with SCSS & CSS
-
Angular 19 chegou: tudo o que você precisa saber!
-
Angular resources I often return to
-
Latest Google Chome (Chromium) Release Breaks Popular Styling Libraries
-
Mastering Material UI
-
Design System et les librairies de composants
-
React Native notification center with xState v5
-
A note from our sponsor - SaaSHub
www.saashub.com | 27 Mar 2025
Index
What are some of the best open-source Material Design projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | Material UI | 95,098 |
| 2 | Ionic Framework | 51,534 |
| 3 | vuetify | 40,362 |
| 4 | components | 24,599 |
| 5 | react-native-paper | 13,457 |
| 6 | material-web | 9,731 |
| 7 | material-shell | 7,282 |
| 8 | react-native-material-kit | 4,834 |
| 9 | mdui | 4,274 |
| 10 | material-tailwind | 4,098 |
| 11 | notistack | 3,981 |
| 12 | angular-ngrx-material-starter | 2,842 |
| 13 | material-kit-react | 2,577 |
| 14 | covalent | 2,233 |
| 15 | DevExtreme React Grid | 2,078 |
| 16 | materio-mui-nextjs-admin-template-free | 1,752 |
| 17 | mdbootstrap | 1,425 |
| 18 | ng-matero | 1,378 |
| 19 | materialize | 944 |
| 20 | ej2-javascript-ui-controls | 415 |
| 21 | Syncfusion React UI Components Library (Essential JS 2) | 369 |
| 22 | Geekits | 325 |
| 23 | tokyo-free-white-react-admin-dashboard | 321 |
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