A starter template for using Ant Design with Create React App without ejecting.
ant-design/create-react-app-antd is a starter template that configures Create React App to work with Ant Design, a comprehensive React UI library. It solves the problem of integrating Ant Design's Less-based styling and components into a Create React App project without requiring ejection, which would expose complex build configurations. The template uses CRACO to override webpack and Babel settings, enabling custom theming and a smooth development workflow.
React developers who want to use Ant Design components in their applications but prefer to avoid ejecting from Create React App's managed toolchain. It's ideal for those starting new projects or adding Ant Design to existing ones with minimal configuration.
Developers choose this template because it provides a hassle-free way to combine the productivity of Create React App with the professional UI components of Ant Design. Its key advantage is maintaining the simplicity of Create React App while allowing customization through CRACO, avoiding the complexity of manual webpack configuration.
Use antd in create-react-app without ejecting ✨
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Uses CRACO to customize webpack and Babel without ejecting from Create React App, maintaining a simple, managed setup while enabling Ant Design integration.
Supports customizing Ant Design's theme variables through Less preprocessing via craco-less, allowing for easy brand adjustments without manual CSS work.
Includes optimized build scripts for minification and hashed filenames, ready for deployment with standard Create React App tooling.
Provides standard npm scripts for starting, testing, and building, ensuring a smooth developer experience aligned with Create React App conventions.
Relies on Less for styling, which requires CRACO and additional configuration, adding a layer of complexity compared to zero-config CSS solutions.
Inherits Create React App's constraints, such as limited build optimization options and no built-in support for server-side rendering or modern tooling like Vite.
Ant Design is a comprehensive library, and the template doesn't enforce on-demand loading by default, potentially leading to larger bundle sizes without manual tuning.