Ant Design

语义化的矢量图形。

Ant Design 主要特点

设计

• 企业级UI设计语言和规范
• 丰富的样式和组件

研发

• 基于React组件实现
• 支持TypeScript
• 支持按需加载

组件总览

常用

• Button按钮
• Icon图标
• Grid栅格
• Layout布局
• Space间距
• Menu导航菜单
• Steps步骤条
• Form表单
• Input输入框
• Select选择器
• DatePicker日期选择器
• Switch开关
• Table表格
• Tabs标签页

展示

• Alert警告提示
• Modal对话框
• Notification通知提醒框
• Progress进度条
• Skeleton骨架屏

导航

• Pagination分页
• Breadcrumb面包屑
• Dropdown下拉菜单
• Affix固钉

数据录入

• Checkbox多选框
• Rate评分
• Slider滑动输入条
• TimePicker时间选择器
• Transfer穿梭框

数据展示

• Avatar头像
• Badge徽标数
• Comment评论
• Collapse折叠面板
• Carousel走马灯
• Card卡片
• Calendar日历
• Empty空状态
• Image图片
• List列表
• Popover气泡卡片
• Tree树形控件
• Timeline时间轴
• Tag标签

反馈

• Alert警告提示
• Drawer抽屉
• Modal对话框
• Message全局提示
• Notification通知提醒框
• Popconfirm气泡确认框
• Progress进度条
• Result结果
• Skeleton骨架屏
• Spin加载中

博客和资源

• Ant Design官方博客
• Ant Design Charts图表库
• Ant Design Pro企业级中后台
• Ant Design Mobile移动端
• UmiJS企业级前端应用框架
• dumi组件库文档工具
• ahooks简单好用的React Hooks 库

国内镜像

• 稳定快速的国内镜像站点,提供npm包安装

加入我们

• 在 GitHub 上参与贡献
• 加入 Ant Design 官方讨论区
• 在 SegmentFault、掘金上参与讨论

请检查是否符合你的要求。