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.
ant-design / ant-design
An enterprise-class UI design language and React UI library
Ant Design
English | δΈζ
β¨ 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 based on CSS-in-JS.
π₯ Environment Support
- Modern browsers
- Server-side Rendering
- Electron
Edge |
Firefox |
Chrome |
Safari |
Electron |
---|---|---|---|---|
Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
π¦ Install
npm install antd
yarn add antd
π¨ Usage
import React from 'react';
import { Button, DatePicker } from 'antd';
const App = () => (
<>
<Button type="primary">PRESS ME</Button>
<DatePicker placeholder="select date" />
</>
);
TypeScript
β¦
mui / material-ui
MUI Core: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
MUI Core
MUI Core contains foundational React UI component libraries for shipping new features faster.
-
Material UI is a comprehensive library of components that features our implementation of Google's Material Design system.
-
Joy UI is a beautifully designed library of React UI components.
-
Base UI is our library of "unstyled" components and low-level hooks. With Base, you gain complete control over your app's CSS and accessibility features.
-
MUI System is a collection of CSS utilities to help you rapidly lay out custom designs.
Installation
Material UI
Material UI is available as an npm package.
npm:
npm install @mui/material @emotion/react @emotion/styled
yarn:
yarn add @mui/material @emotion/react @emotion/styled
Older versions
Note: @next
only points to pre-releases
Use @latest
for the latest stable release.
Base UI
Baseβ¦
Top comments (3)
I perfer Ant Design in all my products.
Right
What is the difference??