React UI组件库之ant design

Posted on Views:

Ant Design（中文常称Ant Design 或 蚂蚁设计）是一套企业级 UI 设计语言和 React UI 组件库，由阿里巴巴集团（Ant Group）开发。它是全球最受欢迎的 React UI 框架之一（通常仅次于 Material-UI），被数千万用户（包括很多上市公司）使用。

核心特点

  • 完整、高质量的 React 组件（按钮、表格、表单、日期选择器、模态框等）
  • 全 TypeScript 支持（类型安全）
  • 强大的主题系统（CSS-in-JS，内置深色模式、自定义颜色等）
  • 国际化（支持 20+ 语言）
  • 完美适配 SSR、Electron、移动端
  • 企业级规范（无障碍、可访问性、性能优化）

快速开始

1
2
3
4
# 安装
npm install antd
# 或者
yarn add antd
1
2
3
4
5
6
7
8
import { Button, DatePicker } from 'antd';

export default () => (
  <>
    <Button type="primary">我点了</Button>
    <DatePicker placeholder="请选择日期" />
  </>
);