Repolode
Enviar
mantinedev

mantinedev/mantine

Una biblioteca de componentes React con más de 100 componentes, más de 80 hooks y paquetes adicionales para formularios, gráficos, notificaciones y más.

Ver en GitHubSitio web
Estrellas
31,852
Forks
2,400
Issues abiertos
32
Último commit
hace 8 horas

¿Qué es?

Mantine es una biblioteca de componentes React escrita en TypeScript. Su paquete principal, @mantine/core, ofrece más de 100 componentes de interfaz de usuario, y @mantine/hooks incluye más de 80 hooks para gestionar el estado y la interfaz. El modo oscuro y los temas vienen integrados.

Además del núcleo, Mantine ofrece paquetes independientes para necesidades habituales de las aplicaciones: gestión de formularios (@mantine/form), gráficos basados en Recharts, un sistema de notificaciones, un centro de comandos con Ctrl+K (spotlight), resaltado de código mediante highlight.js, un editor de texto enriquecido basado en Tiptap, zonas para arrastrar y soltar archivos, un carrusel, un gestor de modales y un componente de agenda para eventos.

Cada paquete se instala por separado, así que los proyectos pueden adoptar solo las partes que necesitan. El proyecto cuenta con licencia MIT y documentación en su sitio web oficial.

Funciones clave

  • 01Más de 100 componentes React en @mantine/core
  • 02Más de 80 hooks para gestionar el estado y la interfaz
  • 03Modo oscuro y temas integrados
  • 04Paquetes independientes para formularios, gráficos, notificaciones y un editor de texto enriquecido
  • 05Escrito en TypeScript

Casos de uso

  • Crear paneles de administración o herramientas internas con un kit de interfaz listo para usar
  • Añadir formularios con validación a una aplicación React
  • Mostrar gráficos y notificaciones con un estilo coherente en una aplicación web
  • Crear una paleta de comandos Ctrl+K para la navegación en una aplicación React

Inicio rápido

  1. 1

    Instala la biblioteca principal de componentes desde npm

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

    Lee la documentación para configurar tu primera aplicación

Temas

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

Preguntas frecuentes

¿Qué es mantine?
Una biblioteca de componentes React con más de 100 componentes, más de 80 hooks y paquetes adicionales para formularios, gráficos, notificaciones y más. Mantine es una biblioteca de componentes React escrita en TypeScript. Su paquete principal, @mantine/core, ofrece más de 100 componentes de interfaz de usuario, y @mantine/hooks incluye más de 80 hooks para gestionar el estado y la interfaz. El modo oscuro y los temas vienen integrados.
¿mantine es gratuito? ¿Qué licencia tiene?
mantine es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿mantine sigue mantenido?
Mantenimiento activo. El último commit de mantine fue el 21 oct 2026.
¿Para qué puedo usar mantine?
Crear paneles de administración o herramientas internas con un kit de interfaz listo para usar Añadir formularios con validación a una aplicación React Mostrar gráficos y notificaciones con un estilo coherente en una aplicación web Crear una paleta de comandos Ctrl+K para la navegación en una aplicación React
¿Cómo se instala mantine?
Instala la biblioteca principal de componentes desde npm: npm install @mantine/core @mantine/hooks Lee la documentación para configurar tu primera aplicación
¿Dónde consigo mantine?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/mantinedev/mantine

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados