Need advice about which tool to choose?Ask the StackShare community!
Material Design Lite vs NativeScript: What are the differences?
Developers describe Material Design Lite as "Material Design Lite Components in HTML/CSS/JS". Material Design Lite (MDL) lets you add a Material Design look and feel to your static content websites. It doesn't rely on any JavaScript frameworks or libraries. Optimized for cross-device use, gracefully degrades in older browsers, and offers an experience that is accessible from the get-go. On the other hand, NativeScript is detailed as "Build truly native apps with JavaScript". NativeScript enables developers to build native apps for iOS, Android and Windows Universal while sharing the application code across the platforms. When building the application UI, developers use our libraries, which abstract the differences between the native platforms.
Material Design Lite belongs to "Front-End Frameworks" category of the tech stack, while NativeScript can be primarily classified under "Cross-Platform Mobile Development".
Some of the features offered by Material Design Lite are:
- Blog Template
- Dashboard Template
- Text Heavy Webpage Template
On the other hand, NativeScript provides the following key features:
- 100% Access to Native Platform API
- NativeScript is free of charge as an open source project
- Code with JavaScript. Style with CSS
"Material Design straight from the original creators" is the primary reason why developers consider Material Design Lite over the competitors, whereas "Access to the entire native api" was stated as the key factor in picking NativeScript.
Material Design Lite and NativeScript are both open source tools. It seems that Material Design Lite with 31.3K GitHub stars and 5.31K forks on GitHub has more adoption than NativeScript with 17.2K GitHub stars and 1.28K GitHub forks.
According to the StackShare community, NativeScript has a broader approval, being mentioned in 9 company stacks & 26 developers stacks; compared to Material Design Lite, which is listed in 9 company stacks and 26 developer stacks.
Pros of Material Design Lite
- Material Design straight from the original creators23
- Based on bem philosophy11
- Nice animations9
- SCSS7
- Simple Material Design5
- Doesn't depend on JavaScript5
- Custom color palette generates CDN2
Pros of NativeScript
- Access to the entire native api75
- Support for native ios and android libraries47
- Support for javascript libraries46
- Angular 2.0 support46
- Native ux and performance44
- Typescript support37
- Backed up by google and telerik35
- Css support29
- Cross-platform declarative ui and code27
- Fully open source under apache 2.0 license25
- Vuejs support11
- 60fps performance9
- Powerful data visualization with native UI6
- VS Code integration5
- Angular, typescript and javascript support5
- No need for Mac to build iOS apps in Telerik Platform5
- Extended CLI support4
- Cloud builds as part of Telerik PLatform4
- Truly Object-Oriented with Typescript4
- On-device debugging4
- Extensibility4
- Access to entire native api3
- Live reload3
- Easiest of all other frameworks3
- Easy to learn3
- Backed by google3
- 0 day support for new OS updates3
- Publishing modules to NPM3
- Vue.js support out of the box2
- VueJS support2
- Svelte support2
- Powerfull mobile services as part of Telerik Platform2
- Native ui with angular2
- Vue support2
- Playground1
- Hot Reload1
- HMR via webpack1
- Very small app size1
- Write once, use anywhere1
- Easy to use, support for almost all npm packages1
- Rich ecosystem1
- Compile to Apple/Google Stores via CloudCompiler1
- Has CSS ;-)1
- It works with Angular1
- Code reuse with your website1
- Dart0
Sign up to add or upvote prosMake informed product decisions
Cons of Material Design Lite
Cons of NativeScript
- Lack of promotion5
- Slower Performance compared to competitors1