UI Material Components

screenshot of UI Material Components

Monorepo that contains all of the NativeScript Material Design plugins.

Overview:

Nativescript Material Components is a library that allows developers to build beautiful and usable products using Material Components for NativeScript. It provides a set of components and themes that follow Google's Material Design guidelines. The library is licensed under Apache 2.0 and is written in TypeScript.

Features:

  • Material Design's Circular progress indicator for NativeScript
  • Material Design's Bottom navigation component for NativeScript
  • Mixins for applying elevation or rippleColor to any View
  • Support for NativeScript + Angular, NativeScript + Vue, and NativeScript + React

Material Circular progress indicator:

For NativeScript 7.0+, run the following command:

tns plugin add @nativescript-community/ui-material-activityindicator

For NativeScript 6.x, run the following command:

tns plugin add nativescript-material-activityindicator

If you're using tns-core-modules, run the following command:

tns plugin add nativescript-material-activityindicator@2.5.4

Be sure to run a new build after adding plugins to avoid any issues.

Material Bottom navigation:

Run the following command:

tns plugin add nativescript-material-bottom-navigation

Be sure to run a new build after adding plugins to avoid any issues.

Summary:

Nativescript Material Components is a library that allows developers to build beautiful and usable products using Material Components for NativeScript. It provides components such as Circular progress indicator and Bottom navigation, along with support for NativeScript + Angular, NativeScript + Vue, and NativeScript + React. The library is easy to install and can enhance the user experience of NativeScript applications.