TypeScript Material Design

Open-source TypeScript projects categorized as Material Design | Edit details

Top 20 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: Ionic 6 Angular - Card/Sheet modal FYI's or bug | reddit.com/r/ionic | 2022-01-21

    I did this morning here: https://github.com/ionic-team/ionic-framework/issues/24625

  • vuetify

    🐉 Material Component Framework for Vue

    Project mention: Why "the best" css frameworks are sweeping dust under the rug? | dev.to | 2022-01-21

    Vuetify (~1040kb) https://vuetifyjs.com/

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • components

    Component infrastructure and Material Design components for Angular

    Project mention: The best Angular 13 Starter Project | dev.to | 2022-01-22

    ✅ Angular 13 ✅ Angular Material ✅ Unit Testing with Jest ✅ End-to-End Testing with [TestCafé](https://testcafe.io/ ✅ Internationalization with Transloco ✅ Auto documentation with Compodoc ✅ Analyse your project with webpack-bundle-analyzer ✅ Docker ✅ ESLint ✅ Prettier ✅ Commit Linting ✅ AuditJS Audit this application using Sonatype OSS Index ✅ Auto-generate a CHANGELOG with auto-changelog

  • Material Components Web

    Modular and customizable Material Design UI components for the web

    Project mention: Google Materials? | reddit.com/r/privacy | 2021-10-24
  • react-native-paper

    Material Design for React Native (Android & iOS)

    Project mention: Top React Native UI Component Libraries | dev.to | 2021-12-21

    Web-site: https://reactnativepaper.com/ GitHub stars: 6k Price: Free License: MIT License Demo: – Type of support: Community support via GitHub issues Documentation: Full documentation

  • mkdocs-material

    Technical documentation that just works

    Project mention: Year-End Change Freeze, Yes! | reddit.com/r/sysadmin | 2021-12-21

    This used to be me as well. Now days it's vs code -> markdown -> mkdocs-material to get my notes into something clean and searchable and can handle code snippets

  • 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: Awesome GNOME-Shell extensions you did not know about... | reddit.com/r/gnome | 2022-01-18

    Been running Material Shell for awhile now. It's a tiling manager/workspace manager. I've become very reliant on it.

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • react-native-material-kit

    Bringing Material Design to React Native

  • angular-ngrx-material-starter

    Angular, NgRx, Angular CLI & Angular Material Starter Project

    Project mention: Angular Project Ideas For Beginners 2022 | dev.to | 2021-12-20

    Angular NgRx material starter

  • notistack

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

  • DevExtreme React Grid

    Business React components for Bootstrap and Material-UI

    Project mention: Overview of Commercial and Open-Source UI Components for React | dev.to | 2021-07-01

    DevExtreme Reactive is a small package of business-oriented React components, including Grid, Scheduler, and Chart. These components are notable for a plugin-based architecture allowing you to apply only features that are necessary for your project or add extra capabilities using your own plugins. The use of React optimizations, Virtual DOM, and lightweight markup ensures robust performance with big data for all three components.

  • porn-vault

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

    Project mention: Late Night Random Discussion Thread - December 01, 2021 at 09:00PM | reddit.com/r/unitedstatesofindia | 2021-12-01
  • mdbootstrap

    React 17 & Bootstrap 5 & Material Design 2.0 UI KIT

    Project mention: Data visualization: Creating charts using REST API's in React.js | dev.to | 2021-06-13

    We will be using Material Design for Bootstrap and there MDBReact for our react app. For now we will be using v4 as it is stable but they have v5 also release few month back.

  • ng-matero

    Angular Material admin dashboard template.

    Project mention: Ng-Matero v13 has released! | reddit.com/r/Angular2 | 2021-12-17
  • AngularMaterialFirebase

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

    Project mention: Show HN: Supercharge.dev – Accelerated Development in React/Next.js | news.ycombinator.com | 2021-01-24

    [2]: https://github.com/jeroenouw/AngularMaterialFirebase

  • 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: React Chart - Display data in charts | dev.to | 2021-12-08

    essential js 2 charts - Beautiful and interactive charts & graphs for react.

  • react-md-spinner

    Material Design spinner components for React.js.

  • 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: Entering Invalid Dates Is Not Possible Anymore in Angular Apps | dev.to | 2021-09-15

    For more information, refer to the Mask support in Angular DatePicker demos on the web and the GitHub repository.

  • ngx-trebol-frontend

    eCommerce Single-Page Application.

    Project mention: OSD600 - Hacktoberfest #3 | dev.to | 2021-10-30

    This is my third contribution to Hacktoberfest in October. I found a very interesting project, which is the virtual web store written in Typescript.

  • recippy

    This is a recipe app that utilizes data provided by TheMealDB. (by rufataliy)

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 2022-01-22.

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 46,002
2 vuetify 33,344
3 components 22,429
4 Material Components Web 15,980
5 react-native-paper 8,794
6 mkdocs-material 8,548
7 material-shell 6,223
8 react-native-material-kit 4,834
9 angular-ngrx-material-starter 2,633
10 notistack 2,621
11 DevExtreme React Grid 1,808
12 porn-vault 1,649
13 mdbootstrap 1,180
14 ng-matero 770
15 AngularMaterialFirebase 232
16 Syncfusion React UI Components Library (Essential JS 2) 206
17 react-md-spinner 197
18 ej2-angular-ui-components 189
19 ngx-trebol-frontend 4
20 recippy 0
Find remote jobs at our new job board 99remotejobs.com. There are 29 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.