Ant Design - Enterprise UI Design System and React Library

Ant Design is a design system for enterprise products created by Ant Financial. It provides comprehensive design guidelines, resources, and tools for creating high-quality user interfaces. The system is built on four design values: Natural, Certain, Meaningful, and Growing. It aims to unify user interface specs, reduce redundancies, and help product designers focus on better user experience.

Repetition is a design principle where the same elements appear repeatedly throughout an interface. This consistency helps users recognize patterns and understand the relevance between different interface elements.

Ant Design uses CSS-in-JS technology to provide dynamic and mixed theme ability. Component-level CSS-in-JS solutions deliver better application performance. The framework supports multiple preset themes including Default Style, Dark Style, MUI-like Style, shadcn-like Style, Cartoon Style, Illustration Style, Bootstrap Skeuomorphism, Glass Style, and Geek Style. A Theme Editor tool is available at ant.design/theme-editor for custom theme creation.

Current version is 6.3.5. Additional resources include Design guidelines, Development guides, Changelog, FAQ, GitHub repository, and community channels (StackOverflow, SegmentFault, Discord).

空状态指任何内容区域（页面、区块、组件、单数据）没有内容或数据显示给用户时的界面状态。

antd supports modern browsers (Edge, Firefox, Chrome, Safari, Opera—last 2 versions), Server-side Rendering (SSR), and Electron. Version 5.0+ dropped IE support. Version 6.0+ dropped React 16/17 support.

Ant Design v6 removes IE compatibility requirements to adopt CSS variables, resulting in smaller CSS bundle size and better performance. CSS variables allow styles to be defined once and reused across multiple variant combinations, rather than generating separate CSS rules for each variant-color combination.

Component Token enables component-specific style customization in Ant Design. Each component exposes its own Component Token, allowing you to customize styles for individual components without affecting other components. You can also override other Design Tokens consumed by a specific component through this mechanism.

Ant Design provides vertical and horizontal navigation menus for structuring web applications. Vertical navigation is more flexible than horizontal, supports longer labels, unlimited menu items via scrollbar, and is suitable for multi-level, operation-intensive dashboard-like applications. Horizontal navigation is also available.

Key features: enterprise-grade interaction language and visual style, ready-to-use React components, full TypeScript support with type definitions, complete design and development toolchain, internationalization (i18n) for dozens of languages, and deep theme customization capabilities.

Ant Design's second core value追求 high certainty and low cooperative entropy in product interfaces. Designer certainty: Enterprise products require collaboration; more participants increase entropy. Provide simplified design rules, components, and patterns to reduce cooperative entropy. Key principles: Keep restraint (focus on most valuable features using minimal elements, per Antoine de St. Exupery's quote about perfection through removal), Object-oriented design (abstract design rules as objects for flexibility and maintainability), and Modular design (encapsulate complex/reusable parts to reduce system complexity). User certainty: Maintain consistency across products, terminals, and systems to reduce learning, cognitive, and operating costs.

Transitions smooth out the jarring nature of web changes, making them appear more natural. The human brain is wired to react to dynamic things like movement, shape change, and color change. The main purpose of transitions is to provide an engaging interface and reinforce communication.