Working with Ant Design in React - Customization

1. antd

   1 234 94,233 9.9 TypeScript

   An enterprise-class UI design language and React UI library

   

   But the problem is that it Ant Design uses Less CSS. To use Less, I need to eject my CRA application and use less and less-loader packages. Then, I can override variables simply importing a file overriding the variables.

2. Civic Auth

   www.civic.com featured

   Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

   

3. craco

   2 32 7,444 6.4 TypeScript

   Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.

   

   Or I could use Craco with Craco-less. Craco 6+ doesn't work with 5+ versions of react-scripts. I know I could use yarn instead of NPM which doesn't stop the installation of craco, but it can't be the solution. We can't scrap the project and restart. Further, Craco 7-alpha installs but then craco-less doesn't.

4. craco-less

   3 1 123 3.6 JavaScript

   A Less plugin for craco / react-scripts / create-react-app

   

   Or I could use Craco with Craco-less. Craco 6+ doesn't work with 5+ versions of react-scripts. I know I could use yarn instead of NPM which doesn't stop the installation of craco, but it can't be the solution. We can't scrap the project and restart. Further, Craco 7-alpha installs but then craco-less doesn't.

Suggest a related project