Need advice about which tool to choose?Ask the StackShare community!

Material Design Lite

689
393
+ 1
62
NativeScript

538
1.1K
+ 1
516
Add tool

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.

Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Material Design Lite
Pros of NativeScript
  • 23
    Material Design straight from the original creators
  • 11
    Based on bem philosophy
  • 9
    Nice animations
  • 7
    SCSS
  • 5
    Simple Material Design
  • 5
    Doesn't depend on JavaScript
  • 2
    Custom color palette generates CDN
  • 75
    Access to the entire native api
  • 47
    Support for native ios and android libraries
  • 46
    Support for javascript libraries
  • 46
    Angular 2.0 support
  • 44
    Native ux and performance
  • 37
    Typescript support
  • 35
    Backed up by google and telerik
  • 29
    Css support
  • 27
    Cross-platform declarative ui and code
  • 25
    Fully open source under apache 2.0 license
  • 11
    Vuejs support
  • 9
    60fps performance
  • 6
    Powerful data visualization with native UI
  • 5
    VS Code integration
  • 5
    Angular, typescript and javascript support
  • 5
    No need for Mac to build iOS apps in Telerik Platform
  • 4
    Extended CLI support
  • 4
    Cloud builds as part of Telerik PLatform
  • 4
    Truly Object-Oriented with Typescript
  • 4
    On-device debugging
  • 4
    Extensibility
  • 3
    Access to entire native api
  • 3
    Live reload
  • 3
    Easiest of all other frameworks
  • 3
    Easy to learn
  • 3
    Backed by google
  • 3
    0 day support for new OS updates
  • 3
    Publishing modules to NPM
  • 2
    Vue.js support out of the box
  • 2
    VueJS support
  • 2
    Svelte support
  • 2
    Powerfull mobile services as part of Telerik Platform
  • 2
    Native ui with angular
  • 2
    Vue support
  • 1
    Playground
  • 1
    Hot Reload
  • 1
    HMR via webpack
  • 1
    Very small app size
  • 1
    Write once, use anywhere
  • 1
    Easy to use, support for almost all npm packages
  • 1
    Rich ecosystem
  • 1
    Compile to Apple/Google Stores via CloudCompiler
  • 1
    Has CSS ;-)
  • 1
    It works with Angular
  • 1
    Code reuse with your website
  • 0
    Dart

Sign up to add or upvote prosMake informed product decisions

Cons of Material Design Lite
Cons of NativeScript
    Be the first to leave a con
    • 5
      Lack of promotion
    • 1
      Slower Performance compared to competitors

    Sign up to add or upvote consMake informed product decisions

    What is Material Design Lite?

    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.

    What is NativeScript?

    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.

    Need advice about which tool to choose?Ask the StackShare community!

    What companies use Material Design Lite?
    What companies use NativeScript?
    See which teams inside your own company are using Material Design Lite or NativeScript.
    Sign up for StackShare EnterpriseLearn More

    Sign up to get full access to all the companiesMake informed product decisions

    What tools integrate with Material Design Lite?
    What tools integrate with NativeScript?
      No integrations found

      Sign up to get full access to all the tool integrationsMake informed product decisions

      What are some alternatives to Material Design Lite and NativeScript?
      Bootstrap
      Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
      Material-UI
      Material UI is a library of React UI components that implements Google's Material Design.
      Material Design
      Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.
      Materialize
      A CSS Framework based on material design.
      Angular Material
      Sprint from Zero to App. Hit the ground running with comprehensive, modern UI components that work across the web, mobile and desktop. It allows to create material styled angular apps fast and easy.
      See all alternatives