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

Note: @next only points to pre-releases Use @latest for the latest stable release.

Base UI

Base…