Get Advice Icon

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

Ionic
Ionic

3.2K
2.7K
+ 1
1.7K
Materialize
Materialize

479
521
+ 1
538
Add tool

Ionic vs Materialize: 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, Materialize is detailed as "A modern responsive front-end framework based on Material Design". A CSS Framework based on material design.

Ionic and Materialize are primarily classified as "Cross-Platform Mobile Development" and "Front-End Frameworks" tools respectively.

Some of the features offered by Ionic are:

  • Performance obsessed
  • Utilizes Angular and React
  • Native focused

On the other hand, Materialize provides the following key features:

  • Speeds up development
  • User Experience Focused
  • Easy to work with

"Allows for rapid prototyping", "Hybrid mobile" and "It's angularjs" are the key factors why developers consider Ionic; whereas "Google material design", "Responsive" and "Easy to use" are the primary reasons why Materialize is favored.

Ionic and Materialize are both open source tools. It seems that Ionic with 38.4K GitHub stars and 13.1K forks on GitHub has more adoption than Materialize with 36K GitHub stars and 4.79K GitHub forks.

Sellsuki, Edify, and eTobb are some of the popular companies that use Ionic, whereas Materialize is used by The3ballsoft, GeoLytix, and Avhana Health. Ionic has a broader approval, being mentioned in 392 company stacks & 350 developers stacks; compared to Materialize, which is listed in 46 company stacks and 53 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 Materialize?

A CSS Framework based on material design.
Get Advice Icon

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

Why do developers choose Ionic?
Why do developers choose Materialize?

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

What companies use Ionic?
What companies use Materialize?

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

What tools integrate with Ionic?
What tools integrate with Materialize?
    No integrations found

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

    What are some alternatives to Ionic and Materialize?
    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
    Decisions about Ionic and Materialize
    No stack decisions found
    Interest over time
    Reviews of Ionic and Materialize
    Review ofMaterializeMaterialize

    I've been using materialize and I'm really happy with it, in some months I'm sure it will become one of the best front-end frameworks around the internet, because it's easy and fast to use and to get started with it.

    It also got a nice community of developers that help developing it and finding bugs, as well a translation team, looking to get materialize into the major countries.

    My final review is that is one of the best front-end frameworks I've ever found and get used really fast and it's one of the most comfortable frameworks to use as well.

    Avatar of grigb
    Owner at Lumeneo
    Review ofMaterializeMaterialize

    As I've been applying Materialize, I've discovered some limitations.

    For example, the tabs require ids for the content divs. This makes is difficult to create content dynamically.

    The documentation is not accurate.

    To use materializecss, you will need to review the source code often.

    Avatar of grigb
    Owner at Lumeneo
    Review ofMaterializeMaterialize

    As I've been applying Materialize, I've discovered some limitations.

    The Glitter page: https://gitter.im/Dogfalo/materialize provided excellent support though. Kudos!

    Review ofMaterializeMaterialize

    It is very easy to use. Very good community and documentation :P. Keep up the good work.

    Review ofIonicIonic

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

    How developers use Ionic and Materialize
    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 Kim Do Hyeon
    Kim Do Hyeon uses MaterializeMaterialize

    부트스트랩은 너무 흔해서 적당히 흔하고 좋은거 찾다가 발견

    How much does Ionic cost?
    How much does Materialize cost?
    Pricing unavailable
    Pricing unavailable
    News about Materialize
    More news