# ant-design/pro-components

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/ant-design-pro-components).**

4,777 stars · 1,433 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/ant-design/pro-components
- Homepage: https://pro-components.antdigital.dev
- awesome-repositories: https://awesome-repositories.com/repository/ant-design-pro-components.md

## Topics

`ant` `ant-design` `ant-design-pro` `dumi` `hooks` `react` `ui` `ui-components`

## Description

Pro Components is a collection of high-level React components built on Ant Design for creating enterprise-grade administrative interfaces. It serves as a specialized component suite and UI framework designed for building complex business dashboards and internal tools.

The library functions as a visual interface builder that allows for the composition of professional web pages through declarative configurations and visual design patterns. It enables the creation of interface components using visual configuration tools to simplify the layout and styling process.

The framework covers the construction of data-heavy input forms and advanced data grids that handle sorting, filtering, and business data integration. It provides a set of pre-made tables, forms, and charts to facilitate the development of management dashboards.

## Tags

### User Interface & Experience

- [Admin Dashboard Frameworks](https://awesome-repositories.com/f/user-interface-experience/admin-dashboard-frameworks.md) — Provides a comprehensive system for building data-driven administrative homepages using a library of professional widgets and layouts. ([source](https://github.com/ant-design/pro-components#readme))
- [React-Based Admin Interfaces](https://awesome-repositories.com/f/user-interface-experience/admin-interface-components/react-based-admin-interfaces.md) — Provides a suite of administrative user interfaces constructed using React components for data management.
- [Component Configuration Schemas](https://awesome-repositories.com/f/user-interface-experience/component-configuration-schemas.md) — Generates complex UI layouts by mapping JSON-like configuration schemas to pre-defined functional components.
- [Administrative Data Entry Forms](https://awesome-repositories.com/f/user-interface-experience/data-tables/data-entry-forms/complex-form-layouts/administrative-data-entry-forms.md) — Provides specialized input forms designed for capturing and managing database records in an administrative context.
- [Enterprise Dashboard Frameworks](https://awesome-repositories.com/f/user-interface-experience/enterprise-dashboard-frameworks.md) — Provides a specialized UI framework for constructing complex, data-driven business dashboards with advanced filtering.
- [Enterprise Data Binding](https://awesome-repositories.com/f/user-interface-experience/enterprise-data-binding.md) — Links data handling and business logic to interface components to streamline the development of enterprise solutions. ([source](https://github.com/ant-design/pro-components#readme))
- [Admin Interface Components](https://awesome-repositories.com/f/user-interface-experience/reusable-ui-components/admin-interface-components.md) — Provides a set of reusable UI components specifically designed for building backend management interfaces.
- [Data-Driven Table Views](https://awesome-repositories.com/f/user-interface-experience/tables/column-reorderers/table-sorting-logic/data-driven-table-views.md) — Implements advanced data grids with built-in sorting, filtering, and business data integration.
- [Behavioral Property Configurations](https://awesome-repositories.com/f/user-interface-experience/dynamic-ui-injection/component-prop-injection/behavioral-property-configurations.md) — Controls component internal logic and rendering modes through a set of standardized configuration properties.
- [Visual Interface Builders](https://awesome-repositories.com/f/user-interface-experience/visual-interface-builders.md) — Allows for the composition of professional web pages through declarative configurations and visual design patterns.
- [Visual UI Designers](https://awesome-repositories.com/f/user-interface-experience/visual-ui-designers.md) — Provides graphical tools for constructing user interfaces using visual components and styling themes. ([source](https://github.com/ant-design/pro-components#readme))

### Part of an Awesome List

- [React Component Libraries](https://awesome-repositories.com/f/awesome-lists/devtools/react-component-libraries.md) — Ships a collection of high-level React components built on Ant Design for enterprise administrative interfaces.

### Software Engineering & Architecture

- [UI Element Mappings](https://awesome-repositories.com/f/software-engineering-architecture/reflection-based-unmarshallers/reflection-based-property-accessors/dynamic-property-mapping/json-configuration-mapping/ui-element-mappings.md) — Translates declarative object definitions into a tree of interactive visual interface components.
- [Component Data Bindings](https://awesome-repositories.com/f/software-engineering-architecture/architectural-design-patterns/state-management/reactive-subscription-systems/component-state-bindings/component-data-bindings.md) — Syncs component internal states with external data sources to automate the flow between business logic and interface views.

### Web Development

- [Custom State Hooks](https://awesome-repositories.com/f/web-development/frontend-development-tools/frontend-frameworks/component-authoring/react-ecosystem/react-hooks/custom-state-hooks.md) — Uses custom React hooks to decouple data fetching and validation logic from the visual component hierarchy.
- [Dashboard Layouts](https://awesome-repositories.com/f/web-development/layout-composition/dashboard-layouts.md) — Provides a system for nesting high-level layout components to standardize the visual structure of enterprise dashboards.
- [Visual Layout Configurations](https://awesome-repositories.com/f/web-development/layout-engines/page-layout-configurations/custom-layout-overrides/visual-layout-configurations.md) — Enables the modification of page element visibility and position through a visual configuration interface.