Home
Application and Data
Libraries
Javascript UI Libraries

Kendo UI vs Material-UI

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

Kendo UI
289
359
+ 1
33
Material-UI
2.3K
3.7K
+ 1
445
Add tool

Kendo UI vs Material-UI: What are the differences?

Kendo UI and Material-UI are popular frontend frameworks used for building web applications. Let's explore the key differences between them.

  1. Documentation and Community Support: Kendo UI has a comprehensive and well-documented set of APIs and documentation, along with a strong and active community support. Material-UI, on the other hand, has a less extensive documentation and community support, making it slightly more challenging for beginners to get started.

  2. Design Styles: Kendo UI follows a more traditional and business-oriented design style with a focus on consistency and functionality. Material-UI, on the other hand, follows a modern and visually appealing design style with a focus on simplicity and intuitive user experience.

  3. Component Range: Kendo UI offers a wide range of components, including data grids, charts, forms, and various UI controls. Material-UI, on the other hand, offers a limited range of components, mainly focusing on user interface elements such as buttons, inputs, and navigation components.

  4. Customization and Theming: Kendo UI provides a high level of customization and theming options, allowing developers to align the UI with their branding and design requirements. Material-UI also offers customization options but may require more effort and expertise to achieve advanced customization.

  5. Integration with Other Frameworks: Kendo UI is designed to work seamlessly with popular frameworks such as Angular, React, and Vue. Material-UI, on the other hand, is primarily built for React but can be used with other frameworks as well with some additional setup and configuration.

  6. Pricing and Licensing: Kendo UI is a commercial product and requires a license for its usage, offering different pricing options based on project requirements. Material-UI, on the other hand, is an open-source project licensed under the MIT license, allowing free usage and modification without any licensing restrictions.

In summary, Kendo UI offers a wide range of UI components, including grids, charts, and form elements, along with built-in themes and customization options, making it suitable for enterprise-grade applications. In contrast, Material-UI provides React components that adhere to Google's Material Design principles, offering a modern and visually consistent design language for building React-based applications with ease.

Decisions about Kendo UI and Material-UI
Abigail Watson
| 2 upvotes · 756.1K views
Chose
Material-UIMaterial-UI
over
BootstrapBootstrap
at
()

Fonts and typography are fun. Material Design is a framework (developed by Google) that basically geeks out on how to assemble your typographical elements together into a design language. If you're into fonts and typography, it's fantastic. It provides a theming engine, reusable components, and can pull different user interfaces together under a common design paradigm. I'd highly recommend looking into Borries Schwesinger's book "The Form Book" if you're going to be working with Material UI or are otherwise new to component design.

https://www.amazon.com/Form-Book-Creating-Printed-Online/dp/0500515085

See more
Manage your open source components, licenses, and vulnerabilities
Learn More
Pros of Kendo UI
Pros of Material-UI
  • 15
    Collection of controls
  • 5
    Speed
  • 4
    Multi-framework support
  • 4
    Mobile
  • 2
    AngularJS
  • 2
    Built-in router
  • 1
    Good Documentation
  • 141
    React
  • 82
    Material Design
  • 60
    Ui components
  • 30
    CSS framework
  • 26
    Component
  • 15
    Looks great
  • 13
    Responsive
  • 12
    Good documentation
  • 9
    LESS
  • 8
    Ui component
  • 7
    Open source
  • 6
    Flexible
  • 6
    Code examples
  • 5
    JSS
  • 3
    Supports old browsers out of the box
  • 3
    Interface
  • 3
    Angular
  • 3
    Very accessible
  • 3
    Fun
  • 2
    Typescript support
  • 2
    # of components
  • 2
    Designed for Server Side Rendering
  • 1
    Support for multiple styling systems
  • 1
    Accessibility
  • 1
    Easy to work with
  • 1
    Css

Sign up to add or upvote prosMake informed product decisions

Cons of Kendo UI
Cons of Material-UI
  • 4
    Massive footprint
  • 3
    Slow
  • 1
    Awdawd
  • 1
    Spotty Documentation
  • 1
    Expensive
  • 1
    Poor customizability
  • 36
    Hard to learn. Bad documentation
  • 29
    Hard to customize
  • 22
    Hard to understand Docs
  • 9
    Bad performance
  • 7
    Extra library needed for date/time pickers
  • 7
    For editable table component need to use material-table
  • 2
    Typescript Support
  • 1
    # of components

Sign up to add or upvote consMake informed product decisions

- No public GitHub repository available -

What is Kendo UI?

Fast, light, complete: 70+ jQuery-based UI widgets in one powerful toolset. AngularJS integration, Bootstrap support, mobile controls, offline data solution.

What is Material-UI?

Material UI is a library of React UI components that implements Google's Material Design.

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

What companies use Kendo UI?
What companies use Material-UI?
Manage your open source components, licenses, and vulnerabilities
Learn More

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

What tools integrate with Kendo UI?
What tools integrate with Material-UI?

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

What are some alternatives to Kendo UI and Material-UI?
AngularJS
AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding.
Bootstrap
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
jQuery UI
Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.
Ignite UI
HTML & JavaScript toolkit to build modern browser experiences on any device – desktop, tablet or phone. Designed for the enterprise - high-performance, touch-first, responsive apps – with AngularJS directives, Bootstrap support and ASP.NET MVC server-side wrappers.
Angular Material
Sprint from Zero to App. Hit the ground running with comprehensive, modern UI components that work across the web, mobile and desktop. It allows to create material styled angular apps fast and easy.
See all alternatives

Related Comparisons

Bootstrap vs Material-UI vs Semantic UIMaterial-UI vs MaterializeBootstrap vs Material Design for Bootstrap vs Material-UIBootstrap vs Material-UI vs MaterializeBootstrap vs Material Design Lite vs Material-UI

Trending Comparisons

Django vs Laravel vs Node.jsBootstrap vs Foundation vs Material-UINode.js vs Spring BootFlyway vs LiquibaseAWS CodeCommit vs Bitbucket vs GitHub

Top Comparisons

Postman vs Swagger UIHipChat vs Mattermost vs SlackBitbucket vs GitHub vs GitLabBootstrap vs Materialize