Repolode
Enviar
ant-design

ant-design/ant-design-pro

Um boilerplate React pronto para uso, baseado em Ant Design, Umi Max e TypeScript, com templates de páginas empresariais prontos.

Ver no GitHubSite
Estrelas
38,937
Forks
8,246
Issues abertas
55
Último commit
há 3 dias

O que é?

Ant Design Pro é um kit inicial React para aplicações empresariais de back-office. Ele combina componentes do Ant Design com o framework Umi Max e TypeScript, permitindo que os desenvolvedores comecem com um layout funcional, rotas e um conjunto de páginas comuns, em vez de montar tudo do zero.

O template inclui páginas de dashboard, formulário, lista, perfil, resultado, erro, conta e login, além de uma página de chat com assistente de IA baseada em Ant Design X. A personalização de temas usa Tailwind CSS v4 e antd-style, e o projeto inclui i18n integrado, dados simulados para desenvolvimento e testes unitários e e2e. O comando `npm run simple` reduz o projeto a uma versão mínima.

O projeto tem como alvo React 19, Ant Design 6 e a ferramenta de build utoopack, além de incluir skills do Claude Code para atualizar o template e consultar APIs do antd.

Recursos principais

  • 01Templates prontos para dashboards, formulários, listas, perfis e páginas de resultado
  • 02Baseado em Ant Design 6, React 19 e Umi Max 4
  • 03Personalização de temas com Tailwind CSS v4 e antd-style
  • 04i18n integrado e dados simulados para desenvolvimento
  • 05Configuração para testes unitários e e2e incluída
  • 06Simplificação para uma versão mínima com um único comando

Casos de uso

  • Iniciar um novo sistema interno de administração ou back-office com Ant Design
  • Criar protótipos de dashboards de gestão com páginas comuns no estilo CRUD
  • Aprender como um projeto React e Umi com estrutura de produção é organizado

Início rápido

  1. 1

    Clone o repositório

    git clone --depth=1 https://github.com/ant-design/ant-design-pro.git myapp
  2. 2

    Acesse a pasta do projeto

    cd myapp
  3. 3

    Instale as dependências

    npm install
  4. 4

    Inicie o servidor de desenvolvimento

    npm start

Antes de usar

  • Por padrão, o projeto inclui muitas páginas de modelo. Para obter uma configuração mínima, é necessário executar o comando irreversível `npm run simple`.

Tópicos

#react#ant-design#admin-dashboard#typescript#boilerplate#umi#enterprise#admin#antd#antv

Perguntas frequentes

O que é ant-design-pro?
Um boilerplate React pronto para uso, baseado em Ant Design, Umi Max e TypeScript, com templates de páginas empresariais prontos. Ant Design Pro é um kit inicial React para aplicações empresariais de back-office. Ele combina componentes do Ant Design com o framework Umi Max e TypeScript, permitindo que os desenvolvedores comecem com um layout funcional, rotas e um conjunto de páginas comuns, em vez de montar tudo do zero.
ant-design-pro é gratuito? Qual é a licença?
ant-design-pro é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
ant-design-pro ainda é mantido?
Manutenção ativa. O último commit de ant-design-pro foi em 4 de nov. de 2026.
Para que posso usar ant-design-pro?
Iniciar um novo sistema interno de administração ou back-office com Ant Design Criar protótipos de dashboards de gestão com páginas comuns no estilo CRUD Aprender como um projeto React e Umi com estrutura de produção é organizado
Como instalar ant-design-pro?
Clone o repositório: git clone --depth=1 https://github.com/ant-design/ant-design-pro.git myapp Acesse a pasta do projeto: cd myapp Instale as dependências: npm install Inicie o servidor de desenvolvimento: npm start
Onde consigo ant-design-pro?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/ant-design/ant-design-pro

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados