Get Advice Icon

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

Ionic
Ionic

3.1K
2.5K
+ 1
1.7K
Material Design for Bootstrap
Material Design for Bootstrap

50
77
+ 1
44
Add tool

Ionic vs Material Design for Bootstrap: What are the differences?

Developers describe Ionic as "A beautiful front-end framework for developing cross-platform apps with web technologies like Angular and React". Free and open source, Ionic offers a library of mobile and desktop-optimized HTML, CSS and JS components for building highly interactive apps. Use with Angular, React, Vue, or plain JavaScript. On the other hand, Material Design for Bootstrap is detailed as "Material Design for Bootstrap". This Bootstrap theme is an easy way to use the new Material Design guidelines by Google in your Bootstrap 3 based application. Just include the theme right after the Bootstrap CSS and include the javascript at the end of your document, everything will be converted to Material Design (paper) style.

Ionic belongs to "Cross-Platform Mobile Development" category of the tech stack, while Material Design for Bootstrap can be primarily classified under "Front-End Frameworks".

Some of the features offered by Ionic are:

  • Performance obsessed
  • Utilizes Angular and React
  • Native focused

On the other hand, Material Design for Bootstrap provides the following key features:

  • Input fields (text, numeric, email, etc)
  • Textarea
  • Buttons (ripple effect working)

"Allows for rapid prototyping" is the primary reason why developers consider Ionic over the competitors, whereas "Bootstrap" was stated as the key factor in picking Material Design for Bootstrap.

Ionic and Material Design for Bootstrap are both open source tools. It seems that Ionic with 38.4K GitHub stars and 13.1K forks on GitHub has more adoption than Material Design for Bootstrap with 19.9K GitHub stars and 3.31K GitHub forks.

Sellsuki, Edify, and eTobb are some of the popular companies that use Ionic, whereas Material Design for Bootstrap is used by MXD3D, Itbid, and TypeLead. Ionic has a broader approval, being mentioned in 392 company stacks & 350 developers stacks; compared to Material Design for Bootstrap, which is listed in 5 company stacks and 5 developer stacks.

What is Ionic?

Free and open source, Ionic offers a library of mobile and desktop-optimized HTML, CSS and JS components for building highly interactive apps. Use with Angular, React, Vue, or plain JavaScript.

What is Material Design for Bootstrap?

This Bootstrap theme is an easy way to use the new Material Design guidelines by Google in your Bootstrap 3 based application. Just include the theme right after the Bootstrap CSS and include the javascript at the end of your document, everything will be converted to Material Design (paper) style.
Get Advice Icon

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

Why do developers choose Ionic?
Why do developers choose Material Design for Bootstrap?

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

What are the cons of using Ionic?
What are the cons of using Material Design for Bootstrap?
    Be the first to leave a con
    What companies use Ionic?
    What companies use Material Design for Bootstrap?

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

    What tools integrate with Ionic?
    What tools integrate with Material Design for Bootstrap?
      No integrations found

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

      What are some alternatives to Ionic and Material Design for Bootstrap?
      PhoneGap
      PhoneGap is a web platform that exposes native mobile device apis and data to JavaScript. PhoneGap is a distribution of Apache Cordova. PhoneGap allows you to use standard web technologies such as HTML5, CSS3, and JavaScript for cross-platform development, avoiding each mobile platforms' native development language. Applications execute within wrappers targeted to each platform, and rely on standards-compliant API bindings to access each device's sensors, data, and network status.
      Xamarin
      Xamarin’s Mono-based products enable .NET developers to use their existing code, libraries and tools (including Visual Studio*), as well as skills in .NET and the C# programming language, to create mobile applications for the industry’s most widely-used mobile devices, including Android-based smartphones and tablets, iPhone, iPad and iPod Touch.
      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.
      React Native
      React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. The focus of React Native is on developer efficiency across all the platforms you care about - learn once, write anywhere. Facebook uses React Native in multiple production apps and will continue investing in React Native.
      Apache Cordova
      Apache Cordova is a set of device APIs that allow a mobile app developer to access native device function such as the camera or accelerometer from JavaScript. Combined with a UI framework such as jQuery Mobile or Dojo Mobile or Sencha Touch, this allows a smartphone app to be developed with just HTML, CSS, and JavaScript.
      See all alternatives
      Decisions about Ionic and Material Design for Bootstrap
      No stack decisions found
      Interest over time
      Reviews of Ionic and Material Design for Bootstrap
      Review ofIonicIonic

      great framework,lots of resources,great community,easy to create UI

      How developers use Ionic and Material Design for Bootstrap
      Avatar of Pascal Malbranche
      Pascal Malbranche uses IonicIonic

      We use Ionic as it is an awesome framework to build mobile hybrid apps with nativ access. Also Ionic has a nice community!

      Avatar of Christian Bryant
      Christian Bryant uses IonicIonic

      Cross-Platform goodness. I am a noob here...learning how to implement Ionic is on the top of my ToDo's

      Avatar of papaver
      papaver uses IonicIonic

      used on a recent project, an internal custom app developed for both ios and android.

      Avatar of Grupo Gamma Peninsular, SA de CV
      Grupo Gamma Peninsular, SA de CV uses IonicIonic

      Desarrollo de aplicaciones multi-plataforma con HTML5, JavaScript y CSS3

      Avatar of AmericanBibleSociety
      AmericanBibleSociety uses IonicIonic

      We have plans to employ this frontend framework in future apps.

      Avatar of Itbid
      Itbid uses Material Design for BootstrapMaterial Design for Bootstrap

      UX intuitiva pensada para usuarios de Android

      How much does Ionic cost?
      How much does Material Design for Bootstrap cost?
      Pricing unavailable
      Pricing unavailable
      News about Material Design for Bootstrap
      More news