Material Design Liteย vsย NativeScript

Get Advice Icon

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

Material Design Lite
Material Design Lite

613
224
+ 1
114
NativeScript
NativeScript

299
424
+ 1
410
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.

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.
Get Advice Icon

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

Why do developers choose Material Design Lite?
Why do developers choose NativeScript?

Sign up to add, upvote and see more prosMake informed product decisions

    Be the first to leave a con
      Be the first to leave a con
      What companies use Material Design Lite?
      What companies use NativeScript?

      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
        It is a comprehensive guide for visual, motion, and interaction design across platforms and devices.
        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.
        Animate.css
        It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
        See all alternatives
        Decisions about Material Design Lite and NativeScript
        leonardo silveira
        leonardo silveira
        Software Engineer at Casa Magalhรฃes ยท | 2 upvotes ยท 31.9K views
        Vue.js
        Vue.js
        Apache Cordova
        Apache Cordova
        NativeScript
        NativeScript

        So, i am preparing to adopt NativeScript.

        For years my hybrid projects used Apache Cordova.

        "Let's avoid to maintain two teams and double the deliver velocity".

        It was good for a few years, we had those september issues, (i.e. apple broke some backward compatibility) , but for the last years, things seems to be losing the grip faster.

        Last breaking changes, for instance, seems to have a workaround, however that growing feeling that simple things can not rely on so fragile webviews keeps growing faster and faster.

        I've tested nativescript not only on it's "helloworld", but also on how do they respond on issues.

        I got tweed support. I opened an github issue and got answers on less than 10 hours (yes i did it on another timezone and very close to a weekend). I saw the faulty docs get corrected in two days.

        The bad news is i only can adopt nativescript on newer projects, since there is no budget to revamp the current solutions.

        The good news is i can keep coding on Vue.js , without vou router, but that's ok. I've already exchanged vanilla html for real native app with background magic enabled, the router can be easily reproduced.

        See more
        Interest over time
        Reviews of Material Design Lite and NativeScript
        Review ofNativeScriptNativeScript

        It is using the native components to build the UI and offers the best skills reuse story. All you need to know is JS/TS and CSS. Angular 2 is also supported which leads to even more code reuse across web and mobile.This is also the best way to access the native platform APIs directly.

        Review ofNativeScriptNativeScript

        NativeScript allows you to reuse your JS skills to build Native mobile apps without any sacrifices. It takes a bit to learn about all possible features, but each time you discover a new one you can't help but get more and more excited.

        Review ofMaterial Design LiteMaterial Design Lite

        ๋งŽ์€ ๋ฒ„๊ทธ๊ฐ€ ์กด์žฌํ•˜๋Š”๋ฐ, ๊ฐ๊ฐ์˜ css ์ •์˜๊ฐ€ ์„œ๋กœ ์—ฐ๊ฒฐ๋˜์–ด์„œ ์ˆ˜์ •์ด ์‰ฝ์ง€ ์•Š๋‹ค.

        ๋ฐœ๊ฒฌ๋œ ์ด์Šˆ์กฐ์ฐจ ์—…๋ฐ์ดํŠธ ํ•˜์ง€ ์•Š์œผ๋ฉฐ, ์‚ฌ์šฉ์ž๊ฐ€ ์ง์ ‘ ์ˆ˜์ •ํ•ด์„œ ์‚ฌ์šฉํ•ด์•ผํ•œ๋‹ค.

        How developers use Material Design Lite and NativeScript
        Avatar of Kevin van Guldenaar
        Kevin van Guldenaar uses Material Design LiteMaterial Design Lite

        Just enough design for non-designer types.

        How much does Material Design Lite cost?
        How much does NativeScript cost?
        Pricing unavailable
        Pricing unavailable
        News about Material Design Lite
        More news