antd
Ant Design is an enterprise-class UI design language and React component library created by Ant Group (Alibaba), providing a comprehensive set of high-quality c…
Installation
npm install antd
yarn add antd
pnpm add antd
Import
import { Button, Table, Form } from 'antd';Quick Example
import { Button, Space, Card, Typography } from 'antd';
const { Title, Text } = Typography;
function App() {
return (
<Card style={{ maxWidth: 400 }}>
<Title level={4}>Hello Ant Design</Title>
<Text type="secondary">Enterprise UI components</Text>
<Space style={{ marginTop: 16 }}>
<Button type="primary">Primary</Button>
<Button>Default</Button>
</Space>
</Card>
);
}About antd
Ant Design is an enterprise-class UI design language and React component library created by Ant Group (Alibaba), providing a comprehensive set of high-quality components designed for building rich, interactive enterprise applications. The library includes over 60 components covering layout, navigation, data entry, data display, and feedback patterns, with particular strength in data-intensive interfaces — its Table component supports sorting, filtering, pagination, row selection, expandable rows, virtual scrolling, and tree data. Ant Design provides Form with declarative validation rules and dynamic field rendering, DatePicker with range selection and locale support, Upload with drag-and-drop and preview, and Tree/TreeSelect for hierarchical data. The design system follows consistent patterns with ConfigProvider for global configuration, theme customization through CSS variables and token-based theming, responsive grid layout, and internationalization support for 60+ locales. Ant Design 5 moved to CSS-in-JS using @ant-design/cssinjs for dynamic theming without Sass/Less compilation. The library includes Ant Design Pro, a production-ready admin dashboard template, and ProComponents for advanced business components. Ant Design is the most popular React component library in China and is widely used globally for enterprise admin panels and internal tools.
Quick Facts
| Package | antd |
| Category | UI Component |
| Weekly Downloads | 2M+ |
| License | MIT |
| Install | npm install antd |
Related Packages
Material UI (MUI) is the most popular React UI component library, implementing Google's Material Des…
Chakra UI is an accessible, modular React component library that provides a set of composable buildi…
Mantine is a fully featured React component library providing 100+ customizable components, 50+ hook…
React is the most popular JavaScript library for building user interfaces, developed and maintained …
Browse npm Packages by Category
Explore our reference of 200 popular npm packages with install commands, examples, and quick-start guides.