TypeScript Material Design

Open-source TypeScript projects categorized as Material Design

Top 23 TypeScript Material Design Projects

  • Ionic Framework

    A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

    Project mention: The right way to build multi platform apps in 2023 using web tech. ? | reddit.com/r/webdev | 2023-01-31

    There are UI Kits like Quasar (Vue-only) and Ionic (React, Angular or Vue).

  • vuetify

    🐉 Vue Component Framework

    Project mention: Vue 2 end of life December 2023 | reddit.com/r/vuejs | 2023-01-13

    Hurry what up? 3.0? they're already on 3.1.1 if you didn't know

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

  • components

    Component infrastructure and Material Design components for Angular

    Project mention: 🔥Top Angular Open Source Projects 💻 | dev.to | 2023-01-30
  • Material Components Web

    Modular and customizable Material Design UI components for the web

    Project mention: Does Elm has UI control libraries like React? | reddit.com/r/elm | 2022-02-01

    I highly recommend https://github.com/material-components/material-components-web

  • mkdocs-material

    Documentation that simply works

    Project mention: Working docker-compose.yml file for mkdocs-material? | reddit.com/r/selfhosted | 2023-01-29

    Does anyone have a working docker-compose file for Mkdocs-Material?

  • vsc-material-theme

    Material Theme, the most epic theme for Visual Studio Code

    Project mention: Has the "Material Theme" been discontinued on Sublime Text? | reddit.com/r/SublimeText | 2022-12-03

    Thread here and how to fix

  • react-native-paper

    Material Design for React Native (Android & iOS)

    Project mention: Top 10+ Best React Native UI Components for Mobile App Development | dev.to | 2023-01-04

    React Native Paper

  • Klotho

    AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)

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

    Project mention: Multiple programs"apps" in same windows "switch application with tabs" | reddit.com/r/gnome | 2023-01-16

    Or maybe take a look à Material Shell : https://material-shell.com/

  • react-native-material-kit

    Bringing Material Design to React Native

    Project mention: Top 10+ Best React Native UI Components for Mobile App Development | dev.to | 2023-01-04

    React Native Material Kit

  • notistack

    Highly customizable notification snackbars (toasts) that can be stacked on top of each other

    Project mention: Handling Apollo Errors in React | dev.to | 2022-11-13

    The notification system is highly application-dependent. We can create something custom or use a library like notistack. For the sake of simplicity, we’ll assume the use of notistack from now on, but the actual implementation doesn’t really matter.

  • angular-ngrx-material-starter

    Angular, NgRx, Angular CLI & Angular Material Starter Project

    Project mention: Is there a good project on github where I can learn how angular/rxjs should be used? | reddit.com/r/Angular2 | 2022-06-14
  • covalent

    Teradata UI Platform built on Angular Material

    Project mention: Real life applications with good practices | reddit.com/r/Angular2 | 2022-07-08
  • DevExtreme React Grid

    Business React components for Bootstrap and Material-UI

  • porn-vault

    💋 Manage your ever-growing porn collection. Using Vue & GraphQL

    Project mention: Good question. | reddit.com/r/ProgrammerHumor | 2022-10-20
  • material-tailwind

    @material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.

    Project mention: 15 Tailwind CSS UI Kits, both free and paid | dev.to | 2022-03-28

    Get it here

  • mdbootstrap

    React 17 & Bootstrap 5 & Material Design 2.0 UI KIT

  • ng-matero

    Angular Material admin dashboard template.

    Project mention: Ng-Matero v15 has released! | reddit.com/r/Angular2 | 2022-12-19
  • materio-mui-react-nextjs-admin-template-free

    Materio is the Most Powerful & Comprehensive free Next.js React admin template based on MUI !! 🚀

    Project mention: Open Source & Free React Typescript Dashboard Template - Materio | reddit.com/r/typescript | 2022-10-04

    You can check the GitHub Repo for the documentation.

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

    Project mention: Best front end library? | reddit.com/r/Frontend | 2022-10-28
  • ej2-angular-ui-components

    Syncfusion Angular UI components library offer more than 50+ cross-browser, responsive, and lightweight angular UI controls for building modern web applications.

    Project mention: A Complete Guide to Creating a Mind Map Using Angular Diagram Component | dev.to | 2022-12-23

    If you would like to try out the Diagram, You can download our free trial. You can also look at the Diagram source on GitHub and check our live demo and documentation for detailed explanations.

  • AngularMaterialFirebase

    :fire: Full stack starter app with Angular 8, Material Design and Firebase (+ demo)

  • tokyo-free-white-react-admin-dashboard

    Free React Typescript Admin Dashboard Template built with Material-UI

    Project mention: Can anyone recommend a good dashboard template online React+Typescript? | reddit.com/r/typescript | 2022-12-02

    I found this one seems pretty cool tokyo

  • react-md-spinner

    Material Design spinner components for React.js.

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

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 Material Design related posts


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

Project Stars
1 Ionic Framework 48,537
2 vuetify 36,363
3 components 23,290
4 Material Components Web 16,607
5 mkdocs-material 12,532
6 vsc-material-theme 11,047
7 react-native-paper 10,252
8 material-shell 6,802
9 react-native-material-kit 4,838
10 notistack 3,213
11 angular-ngrx-material-starter 2,742
12 covalent 2,254
13 DevExtreme React Grid 1,954
14 porn-vault 1,692
15 material-tailwind 1,432
16 mdbootstrap 1,267
17 ng-matero 933
18 materio-mui-react-nextjs-admin-template-free 622
19 Syncfusion React UI Components Library (Essential JS 2) 274
20 ej2-angular-ui-components 238
21 AngularMaterialFirebase 228
22 tokyo-free-white-react-admin-dashboard 201
23 react-md-spinner 196
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.