GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → nativescript-community → Ui Material Components

nativescript-community / Ui Material Components

Licence: apache-2.0
Monorepo that contains all of the NativeScript Material Design plugins.

Programming Languages

typescript
32286 projects

Labels

androidiosnativescriptmaterial-components

Projects that are alternatives of or similar to Ui Material Components

Blazormaterial
Blazor components implementing Google's Material components for web - https://material.io/components/web
Stars: ✭ 136 (-20%)
Mutual labels:  material-components
Materialdrawer
The flexible, easy to use, all in one drawer library for your Android project. Now brand new with material 2 design.
Stars: ✭ 11,498 (+6663.53%)
Mutual labels:  material-components
Material Components Web React
Material Components for React (MDC React)
Stars: ✭ 1,937 (+1039.41%)
Mutual labels:  material-components
Ibackdrop
A library to simply use Backdrop in your project (make it easy). Read more ->
Stars: ✭ 137 (-19.41%)
Mutual labels:  material-components
Material
A lightweight Material Design library for Angular based on Google's Material Components for the Web.
Stars: ✭ 143 (-15.88%)
Mutual labels:  material-components
Ngx Formly
JSON powered / Dynamic forms for Angular
Stars: ✭ 2,109 (+1140.59%)
Mutual labels:  nativescript
Balm Ui
♦️ A modular and customizable UI library based on Material Design and Vue
Stars: ✭ 133 (-21.76%)
Mutual labels:  material-components
Materialdesign2
A beautiful app designed with Material Design 2 using Android X.
Stars: ✭ 170 (+0%)
Mutual labels:  material-components
Nativescript Pulltorefresh
♻️ NativeScript plugin for PullToRefresh controls
Stars: ✭ 144 (-15.29%)
Mutual labels:  nativescript
Nativescript Local Notifications
📫 NativeScript plugin to easily schedule local notifications
Stars: ✭ 159 (-6.47%)
Mutual labels:  nativescript
Cafebar
An upgraded Snackbar for Android that provides more options and easy to use
Stars: ✭ 142 (-16.47%)
Mutual labels:  material-components
Awesome Nativescript Vue
Resources for nativescript vue
Stars: ✭ 142 (-16.47%)
Mutual labels:  nativescript
Nativescript Carousel
Carousel component for NativeScript (iOS/Angular + TS, Angular, Vue)
Stars: ✭ 156 (-8.24%)
Mutual labels:  nativescript
Android Cards
CardView with Material Design using ConstraintLayout
Stars: ✭ 136 (-20%)
Mutual labels:  material-components
Material Components Flutter Codelabs
Codelabs for Material Components for Flutter (MDC-Flutter)
Stars: ✭ 165 (-2.94%)
Mutual labels:  material-components
Material Intro
A simple material design app intro with cool animations and a fluent API.
Stars: ✭ 1,718 (+910.59%)
Mutual labels:  material-components
Nativescript Lottie
NativeScript plugin to expose Airbnb Lottie
Stars: ✭ 149 (-12.35%)
Mutual labels:  nativescript
Material Components Android
Modular and customizable Material Design UI components for Android
Stars: ✭ 13,128 (+7622.35%)
Mutual labels:  material-components
Materialnavigationview Android
📱 Android Library to implement Rich, Beautiful, Stylish 😍 Material Navigation View for your project with Material Design Guidelines. Easy to use.
Stars: ✭ 168 (-1.18%)
Mutual labels:  material-components
Ble
Connect to and interact with Bluetooth LE peripherals.
Stars: ✭ 156 (-8.24%)
Mutual labels:  nativescript
View All Similar Projects ➔

Nativescript Material Components

lerna

Build beautiful, usable products using Material Components for NativeScript.

Components

Name README npm Material design
Circular progress indicator README.md @nativescript-community/ui-material-activityindicator Circular progress indicators
Bottom navigation README.md @nativescript-community/ui-material-bottom-navigation Bottom navigation
Bottom navigation bar README.md @nativescript-community/ui-material-bottomnavigationbar Bottom navigation
Bottom sheet README.md @nativescript-community/ui-material-bottomsheet Sheets: bottom
Button README.md @nativescript-community/ui-material-button Buttons
Card README.md @nativescript-community/ui-material-cardview Cards
Dialogs README.md @nativescript-community/ui-material-dialogs Dialogs
Floating action button README.md @nativescript-community/ui-material-floatingactionbutton Buttons: floating action button
Linear progress indicator README.md @nativescript-community/ui-material-progress Linear progress indicators
Ripple README.md @nativescript-community/ui-material-ripple Ripple
Slider README.md @nativescript-community/ui-material-slider Sliders
Snackbar README.md @nativescript-community/ui-material-snackbar Snackbars
Speed dial README.md @nativescript-community/ui-material-speeddial Speed dial
Tabs README.md @nativescript-community/ui-material-tabs Tabs
Text field README.md @nativescript-community/ui-material-textfield Text fields
Text view README.md @nativescript-community/ui-material-textview Material Text View

FAQ

Question: How to use the latest version of this plugin for iOS?

Answer: To get latest versions of Material Components for iOS (> 112.1) you will need to change Pod min version to 10.0 To do that modify or create App_Resources/iOS/Podfile to add platform :ios, '10.0'. You can see an example in the demo-vue app.

Q: How to migrate to AndroidX with this plugin installed (Android only)?

A: For Material Components to work correctly with {N} 6 and AndroidX you need to update your android app theme. Inside App_resources/android/res/values/styles.xml replace all occurences of Theme.AppCompat with Theme.MaterialComponents You can see an example in the demo-vue app.

Q: What is the difference between Bottom Navigation and Bottom Navigation Bar component?

A: The Bottom Navigation Bar is a new component to draw a bottom navigation bar in material design. The Bottom Navigation component is a simple extract of the eponymous component from NativeScript, which probably will be removed in the future so this one can be used for easy transition.

Q: How can I contribute?

A:

npm i
npm run setup # this should happen for every typescript update
npm run tsc
npm run demo.ios
npm run demo.android
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].