loading...

Ant Design vs. Material UI

donvito profile image Melvin Vivas Updated on ใƒป1 min read

So Ant Design(54,504 stars) has surpassed Material UI(53,012 stars) in github. ๐Ÿ˜Ž

Which do you use? If not these 2, how do you style your UI?

You can also vote in Twitter. Will post results here once polling is closed.

GitHub logo ant-design / ant-design

๐ŸŒˆ A UI Design Language and React UI library

Ant Design

An enterprise-class UI design language and React UI library.

CircleCI status CI status codecov NPM version NPM downloads

david deps david devDeps Total alerts FOSSA Status Issues need help

Follow Twitter Gitter Gitter [SemVer stability]

English | Portuguรชs | ็ฎ€ไฝ“ไธญๆ–‡

โœจ Features

  • ๐ŸŒˆ Enterprise-class UI designed for web applications.
  • ๐Ÿ“ฆ A set of high-quality React components out of the box.
  • ๐Ÿ›ก Written in TypeScript with predictable static types.
  • โš™๏ธ Whole package of design resources and development tools.
  • ๐ŸŒ Internationalization support for dozens of languages.
  • ๐ŸŽจ Powerful theme customization in every detail.

๐Ÿ–ฅ Environment Support

  • Modern browsers and Internet Explorer 11 (with polyfills)
  • Server-side Rendering
  • Electron
IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Electron
Electron
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions

๐Ÿ“ฆ Install

npm install antd
yarn add antd

๐Ÿ”จ Usage

import { Button, DatePicker } from 'antd'
const App = () => (
  <>
    <Button type="primary">PRESS ME</Button&gt
    <DatePicker placeholder="select date"
โ€ฆ

GitHub logo mui-org / material-ui

React components for faster and easier web development. Build your own design system, or start with Material Design.

Material-UI logo

Material-UI

React components for faster and simpler web development. Build your own design system, or start with Material Design.

npm package npm downloads CircleCI Build Status Coverage Status CII Best Practices Code style Follow on Twitter Dependabot Status PeerDependencies Dependencies DevDependencies Average time to resolve an issue Crowdin

Installation

Material-UI is available as an npm package.

Stable channel v4

// with npm
npm install @material-ui/core
// with yarn
yarn add @material-ui/core

Alpha channel v5

// with npm
npm install @material-ui/core@next
// with yarn
yarn add @material-ui/core@next

v3.x (Migration from v3 to v4)

v0.x (Migration to v1)

Please note that @next will only point to pre-releases; to get the latest stable release use @latest instead.

Who sponsors Material-UI?

Diamond ๐Ÿ’Ž

Diamond Sponsors are those who have pledged $1,500/month or more to Material-UI.

Gold ๐Ÿ†

via Patreon

tidelift bitsrc

via OpenCollective

call-em-all bitsrc

Gold Sponsors are those who have pledged $500/month or more to Material-UI.

There is more!

See the full list of our backers.

Usage

Here is a quick example to get you started, it's all youโ€ฆ

Discussion

markdown guide