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

Ionic

6.1K
5.5K
+ 1
1.7K
Material Design for Bootstrap

66
155
+ 1
46
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.

Decisions about Ionic and Material Design for Bootstrap
Thuan Nguyen
FE Lead at SOLID ENGINEER | 5 upvotes 路 162.7K views
  • Javascripts is the most populated language in the world.
  • Easy to learn & deployed production
  • Fast development
  • Strong community
  • Completed Documents
  • Native performance with lower RAM used.
  • Easy to handle native issues by using native code like Java / Objective C
  • Powered by Facebook.
See more
awesomebanana2018
Chose
FlutterFlutter
over
IonicIonic

While with Ionic it is possible to make mobile applications with only web technologies, Flutter is more performant and is easy to use if you are willing to learn Dart, which is a fun language. Plus, it has awesome documentation and, while its ecosystem isn't near as big as JavaScript's is, it has a good package manager called Pub and its packages are generally high quality.

See more
Pros of Ionic
Pros of Material Design for Bootstrap
  • 245
    Allows for rapid prototyping
  • 225
    Hybrid mobile
  • 208
    It's angularjs
  • 183
    Free
  • 178
    It's javascript, html, and css
  • 107
    Ui and theming
  • 76
    Great designs
  • 74
    Mv* pattern
  • 70
    Reuse frontend devs on mobile
  • 64
    Extensibility
  • 31
    Great community
  • 28
    Open source
  • 22
    Responsive design
  • 20
    Good cli
  • 13
    Angularjs-based
  • 13
    Beautifully designed
  • 13
    So easy to use
  • 12
    Widgets
  • 11
    Allows for rapid prototyping, hybrid mobile
  • 11
    Typescript
  • 10
    Quick prototyping, amazing community
  • 10
    Easy setup
  • 8
    Angular2 support
  • 7
    Fast, easy, free
  • 7
    Because of the productivity and easy for development
  • 7
    So much thought behind what developers actually need
  • 7
    Base on angular
  • 6
    Super fast, their dev team is amazingly passionate
  • 6
    Easy to use
  • 6
    It's Angular
  • 4
    UI is awesome
  • 4
    Hot deploy
  • 3
    Material design support using theme
  • 3
    Amazing support
  • 3
    It's the future
  • 3
    Angular
  • 3
    Allow for rapid prototyping
  • 3
    Easy setup, development and testing
  • 3
    Ionic creator
  • 2
    User Friendly
  • 2
    It's angular js
  • 2
    Complete package
  • 2
    Simple & Fast
  • 2
    Fastest growing mobile app framework
  • 2
    Best Support and Community
  • 2
    Material Design By Default
  • 2
    Cross platform
  • 2
    Documentation
  • 2
    Because I can use my existing web devloper skills
  • 2
    Removes 300ms delay in mobile browsers
  • 1
    1
  • 1
    Native access
  • 1
    Typescript support
  • 1
    Ionic conect codeigniter
  • 1
    Fast Prototyping
  • 1
    All Trending Stack
  • 16
    Bootstrap
  • 6
    Awesome and simple to use
  • 6
    Light weight
  • 4
    Modern Looks
  • 4
    Responsive
  • 4
    Google Material Design
  • 3
    Great angular compatibility
  • 3
    Open Source

Sign up to add or upvote prosMake informed product decisions

Cons of Ionic
Cons of Material Design for Bootstrap
  • 20
    Not suitable for high performance or UI intensive apps
  • 15
    Not meant for game development
  • 1
    Not a native app
  • 1
    Not free for premo stuff

Sign up to add or upvote consMake informed product decisions

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.

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

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鈥檚 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鈥檚 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.
    Flutter
    Flutter is a mobile app SDK to help developers and designers build modern mobile apps for iOS and Android.
    See all alternatives
    Interest over time
    News about Material Design for Bootstrap
    More news