Repolode
Enviar
mantinedev

mantinedev/mantine

Biblioteca de componentes React com mais de 100 componentes, mais de 80 hooks e pacotes adicionais para formulários, gráficos, notificações e muito mais.

Ver no GitHubSite
Estrelas
31,852
Forks
2,400
Issues abertas
32
Último commit
há 8 horas

O que é?

Mantine é uma biblioteca de componentes React escrita em TypeScript. O pacote principal @mantine/core oferece mais de 100 componentes de UI, e @mantine/hooks disponibiliza mais de 80 hooks para gerenciamento de estado e UI. O modo escuro e a personalização de temas já vêm integrados.

Além dos pacotes principais, Mantine inclui pacotes separados para necessidades comuns de aplicações: gerenciamento de formulários (@mantine/form), gráficos baseados em Recharts, um sistema de notificações, uma central de comandos acionada por Ctrl+K (spotlight), destaque de sintaxe com highlight.js, um editor de rich text baseado em Tiptap, áreas para arrastar e soltar arquivos, um carrossel, um gerenciador de modais e um componente de agenda para eventos.

Cada pacote é instalado separadamente, então os projetos podem adotar apenas os recursos de que precisam. O projeto usa a licença MIT e tem documentação no site oficial.

Recursos principais

  • 01Mais de 100 componentes React em @mantine/core
  • 02Mais de 80 hooks para gerenciamento de estado e UI
  • 03Modo escuro e personalização de temas integrados
  • 04Pacotes separados para formulários, gráficos, notificações e um editor de rich text
  • 05Escrito em TypeScript

Casos de uso

  • Criar painéis administrativos ou ferramentas internas com um kit de UI pronto
  • Adicionar formulários com validação a uma aplicação React
  • Exibir gráficos e notificações em uma aplicação web com estilo consistente
  • Criar uma paleta de comandos acionada por Ctrl+K para navegação em uma aplicação React

Início rápido

  1. 1

    Instale a biblioteca principal de componentes pelo npm

    npm install @mantine/core @mantine/hooks
  2. 2

    Leia a documentação para configurar seu primeiro app

Tópicos

#react#typescript#ui-components#hooks#dark-mode#forms#charts#dark-theme#uikit

Perguntas frequentes

O que é mantine?
Biblioteca de componentes React com mais de 100 componentes, mais de 80 hooks e pacotes adicionais para formulários, gráficos, notificações e muito mais. Mantine é uma biblioteca de componentes React escrita em TypeScript. O pacote principal @mantine/core oferece mais de 100 componentes de UI, e @mantine/hooks disponibiliza mais de 80 hooks para gerenciamento de estado e UI. O modo escuro e a personalização de temas já vêm integrados.
mantine é gratuito? Qual é a licença?
mantine é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
mantine ainda é mantido?
Manutenção ativa. O último commit de mantine foi em 21 de out. de 2026.
Para que posso usar mantine?
Criar painéis administrativos ou ferramentas internas com um kit de UI pronto Adicionar formulários com validação a uma aplicação React Exibir gráficos e notificações em uma aplicação web com estilo consistente Criar uma paleta de comandos acionada por Ctrl+K para navegação em uma aplicação React
Como instalar mantine?
Instale a biblioteca principal de componentes pelo npm: npm install @mantine/core @mantine/hooks Leia a documentação para configurar seu primeiro app
Onde consigo mantine?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/mantinedev/mantine

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

Projetos relacionados