Material Plus

Sobre este proyecto

Material Plus es una biblioteca de componentes de React que implementa Material Design 3 directamente en lugar de envolver una implementación existente, de modo que sus roles de color, su escala tipográfica y sus formas son los que nombra la especificación. Lo que añade es el montón de componentes que un proyecto Material acaba escribiendo de todas formas: el campo que gestiona bien la composición de los métodos de entrada asiáticos, la envoltura de iconos que encaja con tu propio conjunto, extraídos, documentados y probados. También va más allá de la especificación donde las aplicaciones lo necesitan: versiones ampliadas de los componentes que Material nombra, y los gráficos, la tabla de datos y la paleta de comandos, que no nombra en absoluto.

El tema se define en una línea: se fija un color de origen y todos los roles de color van detrás, igual que Material genera un esquema a partir de un color. Nada en la biblioteca actúa a nivel de página — sin reinicio de estilos, sin proveedor, sin estilos globales — y lee los tokens del sistema Material que la página ya lleva. Un proyecto que ya usa Material conserva su configuración y gana los componentes que le faltaban. La composición en coreano, japonés y chino sobrevive a lo que sea que el manejador de cambios haga con el valor, que es el fallo que la mayoría de los campos Material arrastran en silencio.

El paquete es solo ESM, con declaraciones de TypeScript, y admite tree shaking de verdad: un componente son 3,8 kB con gzip frente a 130,6 kB para los más de ciento veinte, y la hoja de estilos se divide igual. Funciona dentro de un componente de servidor de Next.js sin configurar nada, se resuelve en cualquier empaquetador y recibe las traducciones como un módulo que se entrega una vez al arrancar.

Características

• Sitio de documentación

• Tipos de TypeScript

• Varios idiomas

• Verificado con pruebas

• Accesible de fábrica

• Modo oscuro

• Admite tree shaking