Overview

Material-UI

Stacks2.3K

Followers3.7K

Votes445

Kendo UI

Stacks289

Followers359

Votes33

GitHub Stars2.6K

Forks1.9K

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.

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.
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.
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.
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.
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.
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.

🔥 Trending in Frameworks on StackShare

LaunchFast

Frameworks

LaunchFast

Try it View Docs Alternatives

Try

0

1

Advice on Material-UI, Kendo UI

Abigail

Dec 10, 2019

Decided

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

766k views766k

Comments

Detailed Comparison

Material-UI	Kendo UI
Material UI is a library of React UI components that implements Google's Material Design.	Fast, light, complete: 70+ jQuery-based UI widgets in one powerful toolset. AngularJS integration, Bootstrap support, mobile controls, offline data solution.
Tables; Forms; Snackbars; Buttons; Theming	Ultimate Performance with Minimum Resources;Mobile-Friendly and Responsive;Built-In, Customizable Themes ;Open Source Core
Statistics
GitHub Stars -	GitHub Stars 2.6K
GitHub Forks -	GitHub Forks 1.9K
Stacks 2.3K	Stacks 289
Followers 3.7K	Followers 359
Votes 445	Votes 33
Pros & Cons
Pros 141 React 82 Material Design 60 Ui components 30 CSS framework 26 Component Cons 36 Hard to learn. Bad documentation 29 Hard to customize 22 Hard to understand Docs 9 Bad performance 7 For editable table component need to use material-table	Pros 15 Collection of controls 5 Speed 4 Multi-framework support 4 Mobile 2 Built-in router Cons 4 Massive footprint 3 Slow 1 Spotty Documentation 1 Expensive 1 Poor customizability
Integrations
React Emotion Next.js styled-components Node.js	Bootstrap AngularJS

What are some alternatives to Material-UI, Kendo UI?

Bootstrap

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

jQuery

jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.

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.

React

Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.

Vue.js

It is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API.

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.

Foundation

Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.

Semantic UI

Semantic empowers designers and developers by creating a shared vocabulary for UI.

Materialize

A CSS Framework based on material design.

Material Design for Angular

Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design system for use in Angular SPAs.