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

Ionic

Stacks6.1K

Followers5.5K

+ 1

Votes1.7K

Material Design for Bootstrap

Stacks66

Followers155

+ 1

Votes46

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 · Jun 16, 2020 | 5 upvotes · 162.7K views

Chose

React Native

over

Ionic

Flutter

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.

awesomebanana2018

CEO at ME! · Jun 7, 2020 | 7 upvotes · 104.5K views

Chose

Flutter

over

Ionic

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.

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!

Jobs that mention Ionic and Material Design for Bootstrap as a desired skillset

(Senior/ Mid-Level) Salesforce Engineer - Service Cloud (f/m/d)

Delivery Hero SE

Germany City Berlin

View Job Details

+10

Salesforce Engineer - Service Cloud (f/m/d)

Delivery Hero SE

Germany, Berlin

View Job Details

+10

See jobs for Ionic

See jobs for Material Design for Bootstrap

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.

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 Ionic

7 Questions from the Ionic Enterprise Edition Webinar

(blog.ionicframework.com)

Mar 7, 2019

Ionic Release: 4.1 Hydrogen Out Now!

(blog.ionicframework.com)

Mar 6, 2019

How to Lazy Load in Ionic Angular