返回目录
开源项目设计创作类新手

GitHub - ant-design/ant-design: An enterprise-class UI design language and React UI library

Ant Design An enterprise-class UI design language and React UI library. Changelog · Report Bug · Request Feature · English · 中文 ❤️ Sponsors ✨ Features - 🌈 Enterprise-class UI designed for web applications. - 📦 A set of high-quality React components out of

0 次阅读2026/09/16 发布
GitHub - ant-design/ant-design: An enterprise-class UI design language and React UI library 来源图片

社区作者 · zZz

它解决什么问题

Ant Design

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

Changelog · Report Bug · Request Feature · English · 中文

❤️ Sponsors

✨ 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
命令
pnpm add antd
命令
bun add antd

🔨 Usage

import { Button , DatePicker } from 'antd' ;

命令
export default ( ) => (

< > < Button type = "primary" > PRESS ME </ Button > < DatePicker placeholder = "select date" /> </ > ) ;

🔗 Links

  • Home page
  • Components Overview
  • Sponsor
  • Change Log
  • rc-components
  • 🆕 Ant Design X
  • Ant Design Pro
  • Pro Components
  • Ant Design Mobile
  • Ant Design Mini
  • Ant Design Charts
  • Ant Design Web3
  • Landing Pages
  • Ant Motion
  • Scaffold Market
  • Developer Instruction
  • Versioning Release Note
  • FAQ
  • Online Playground for bug reports
  • Customize Theme
  • How to Apply for Being A Collaborator

⌨️ Development

Use opensumi.run , a free online pure front-end dev environment.

Or clone locally:

命令
git clone [email protected]:ant-design/ant-design.git
命令
cd ant-design
命令
npm install
命令
npm start

Open your browser and visit http://127.0.0.1:8001 , see more at Development .

🤝 Contributing

Let's build a better antd together.

We warmly invite contributions from everyone. Before you get started, please take a moment to review our Contribution Guide . Feel free to share your ideas through Pull Requests or GitHub Issues .

If you're interested in enhancing our codebase, explore the Development Instructions and enjoy your coding journey! :)

For collaborators, adhere to our Pull Request Principle and utilize our Pull Request Template when creating a Pull Request.

Issue funding

We use Issuehunt to up-vote and promote specific features that you would like to see and implement. Check our backlog and help us:

❤️ Backers

— 本文由 AI 根据公开来源辅助整理,命令、版本与许可证请在使用前到原始页面复核。

安装 / 开始使用

📦 Install

命令
npm install antd
命令
yarn add antd
命令
pnpm add antd
命令
bun add antd

🔨 Usage import { Button , DatePicker } from 'antd' ;

命令
export default ( ) => (

< > < Button type = "primary" > PRESS ME </ Button > < DatePicker placeholder = "select date" /> </ > ) ; 🔗 Links

⌨️ Development Use opensumi.run , a free online pure front-end dev environment. Or clone locally:

  • Home page
  • Components Overview
  • Sponsor
  • Change Log
  • rc-components
  • 🆕 Ant Design X
  • Ant Design Pro
  • Pro Components
  • Ant Design Mobile
  • Ant Design Mini
  • Ant Design Charts
  • Ant Design Web3
  • Landing Pages
  • Ant Motion
  • Scaffold Market
  • Developer Instruction
  • Versioning Release Note
  • FAQ
  • Online Playground for bug reports
  • Customize Theme
  • How to Apply for Being A Collaborator
命令
git clone [email protected]:ant-design/ant-design.git
命令
cd ant-design
命令
npm install
命令
npm start

Open your browser and visit http://127.0.0.1:8001 , see more at Development . 🤝 Contributing Let's build a better antd together. We warmly invite contributions from everyone. Before you get started, please take a moment to review our Contribution Guide .

Feel free to share your ideas through Pull Requests or GitHub Issues . If you're interested in enhancing our codebase, explore the Development Instructions and enjoy your coding journey!

:) For collaborators, adhere to our Pull Request Principle and utilize our Pull Request Template when creating a Pull Request. Issue funding We use Issuehunt to up-vote and promote specific features that you would like to see and implement.

Check our backlog and help us: ❤️ Backers

来源教程配图

教程配图
配图 1 · 教程配图查看原图
FOSSA Status
配图 2 · FOSSA Status查看原图
YouMind
配图 3 · YouMind查看原图
TRACTIAN
配图 4 · TRACTIAN查看原图
LobeHub
配图 5 · LobeHub查看原图
CodeRabbit
配图 6 · CodeRabbit查看原图
教程配图
配图 7 · 教程配图查看原图
Edge
配图 8 · Edge查看原图

适用场景

学习研究
开源项目实践