TypeScript Material Design

Open-source TypeScript projects categorized as Material Design

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: Zero-runtime CSS-in-JS implementation | news.ycombinator.com | 2024-01-29
  • 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: Design Systems with Web Components | dev.to | 2023-12-18

    I was recently able to sit down with some of the core members of Ionic, who also created Stencil a toolchain for building Design Systems and Progressive Web Apps. We talked at great length how typically companies are approaching Ionic from a Design Team and need help building components. As a developer I wanted to talk about the Web Components that are used within the Design System first. There was a decent amount of surprise, so I thought I would break down what a Design System is and why it doesn't matter which end you start with, as long as you have both your Design and Development teams working together to build your Design System.

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

  • vuetify

    🐉 Vue Component Framework

    Project mention: Top Material Design 3 web frameworks of 2024 | dev.to | 2024-01-23

    👉 https://vuetifyjs.com

  • components

    Component infrastructure and Material Design components for Angular

    Project mention: Top Material Design 3 web frameworks of 2024 | dev.to | 2024-01-23

    👉 https://material.angular.io

  • Material Components Web

    Modular and customizable Material Design UI components for the web

    Project mention: Google Groups ending support for Usenet | news.ycombinator.com | 2023-12-15



    Two examples that come to mind but there are plenty

  • react-native-paper

    Material Design for React Native (Android & iOS)

    Project mention: Senior devs — how do you handle styles; and how do you scale it | /r/reactnative | 2023-10-12

    In most cases they are wrappers around pure RN components (as I have been burnt by styling lib in the past - exactly NativeBase and its performance issues) and in the end, created components look like very light-weight version of RN paper components*:* https://github.com/callstack/react-native-paper/blob/main/src/components/Typography/Text.tsx.

  • vsc-material-theme

    Material Theme, the most epic theme for Visual Studio Code

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

  • material-web

    Material Design Web Components

    Project mention: Web Components e a minha opinião sobre o futuro das libs front-end | dev.to | 2024-04-04
  • 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: Yabai – A tiling window manager for macOS | news.ycombinator.com | 2023-11-30

    I really want https://material-shell.com/ for MacOS

    it was perfect for using a single monitor

    kinda like a deterministic alt+tab, you set up the layout of "workspaces" and they're always in the same place

    I keep getting annoyed at alt+tab because I accidentally clicked on another window and now the order is messed up

  • react-native-material-kit

    Bringing Material Design to React Native

  • notistack

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

    Project mention: The ultimate guide to React notification libraries | dev.to | 2023-10-23

    GitHub link: GitHub – iamhosseindhv/notistack

  • material-tailwind

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

    Project mention: How to Create an Awesome Landing Page 💻 📱 with Tailwind CSS(Step-by-Step guide) | dev.to | 2023-11-16

    Material Tailwind takes the essence of Tailwind CSS and offers a suite of pre-built, elegant components that adhere to modern design standards. It's like having a set of building blocks, ready to be assembled, but with the flexibility to be customized on the go. Developers can instantly implement components like buttons, modals, and cards with Material Tailwind, skipping the foundational design steps.

  • angular-ngrx-material-starter

    Angular, NgRx, Angular CLI & Angular Material Starter Project

  • covalent

    Teradata UI Platform built on Angular Material

  • DevExtreme React Grid

    Business React components for Bootstrap and Material-UI

  • mdbootstrap

    React 18 & Bootstrap 5 & Material Design 2.0 UI KIT

  • materio-mui-react-nextjs-admin-template-free

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

    Project mention: Building Next.js apps with Materio | dev.to | 2023-08-22

    Materio is an admin template based on Material UI. Its UI is developer-friendly, rich with features, and highly customizable. It is available in JavaScript and TypeScript versions, and comes with features like:

  • ng-matero

    Angular Material admin dashboard template.

    Project mention: Hello, I want so serious help, tommow is deadline of the project. I want to create exact this type of navigation in angular 13.can you please tell me how to make it? | /r/Angular2 | 2023-06-26

    You can copy the side menu component from this project. https://github.com/ng-matero/ng-matero/tree/master/src/app/theme/sidemenu

  • materialize

    Materialize, a web framework based on Material Design (by materializecss)

    Project mention: Materialize CSS is looking really good! | /r/css | 2023-05-25
  • 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.

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

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

    Free React Typescript Admin Dashboard Template built with Material-UI

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

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

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

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 Material UI 91,511
2 Ionic Framework 50,386
3 vuetify 38,997
4 components 24,072
5 Material Components Web 17,075
6 react-native-paper 12,179
7 vsc-material-theme 11,175
8 material-web 8,568
9 material-shell 7,225
10 react-native-material-kit 4,840
11 notistack 3,765
12 material-tailwind 3,240
13 angular-ngrx-material-starter 2,800
14 covalent 2,232
15 DevExtreme React Grid 2,056
16 mdbootstrap 1,401
17 materio-mui-react-nextjs-admin-template-free 1,307
18 ng-matero 1,165
19 materialize 833
20 ej2-javascript-ui-controls 387
21 Syncfusion React UI Components Library (Essential JS 2) 319
22 tokyo-free-white-react-admin-dashboard 284
23 ej2-angular-ui-components 274
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.