antd is a popular React UI library that provides a wide range of components and design elements for building modern web applications. It offers a clean and customizable design system that helps developers create visually appealing interfaces with ease. While antd is a great choice for UI components, there are other libraries in the React ecosystem that offer similar solutions. Here are a few alternatives:
To see how antd compares with bootstrap, material-ui, and semantic-ui-react, check out this comparison: Comparing antd vs bootstrap vs material-ui vs semantic-ui-react.
An enterprise-class UI design language and React UI library.
Changelog · Report Bug · Request Feature · English · 中文
Edge | Firefox | Chrome | Safari | Electron |
---|---|---|---|---|
Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
npm install antd
yarn add antd
pnpm add antd
import { Button, DatePicker } from 'antd';
export default () => (
<>
<Button type="primary">PRESS ME</Button>
<DatePicker placeholder="select date" />
</>
);
Use Gitpod, a free online dev environment for GitHub.
Or use opensumi.run, a free online pure front-end dev environemt.
Or clone locally:
$ git clone git@github.com: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.
Let's build a better antd together.
We warmly invite contributions from everyone. Before you get started, please take a moment to review our Contributing 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.