Repolode
Enviar
material-components

material-components/material-web

Componentes web de Material Design 3 basados en Lit para crear aplicaciones web accesibles, con configuración sin proceso de compilación mediante CDN o con npm.

Ver en GitHubSitio web
Estrellas
11,369
Forks
1,158
Issues abiertos
189
Último commit
hace 3 días

¿Qué es?

Material Web (@material/web) es una biblioteca de componentes web que implementa el sistema de diseño Material 3 de Google. Componentes como botones, casillas de verificación, botones de opción, campos de texto y estilos tipográficos se publican como elementos personalizados estándar, por lo que pueden usarse en HTML sin procesar y también con React, Vue, Angular u otros frameworks.

La biblioteca puede cargarse directamente desde un CDN con un mapa de importaciones, sin necesidad de un paso de compilación, o instalarse desde npm para compilaciones de producción. Una hoja de estilos de escala tipográfica ofrece estilos de texto de Material que se pueden aplicar a cualquier elemento.

El proyecto está en modo de mantenimiento mientras el equipo busca nuevos responsables, así que los equipos que decidan adoptarlo deberían tenerlo en cuenta.

Funciones clave

  • 01Componentes de Material 3 publicados como componentes web estándar
  • 02Se pueden usar en HTML sin procesar o junto con React, Vue y Angular
  • 03Configuración sin compilación mediante CDN y mapas de importación
  • 04Hoja de estilos de escala tipográfica con estilos de texto de Material
  • 05Se puede instalar desde npm para compilaciones de producción

Casos de uso

  • Añadir botones, campos de texto y controles de formulario con estilo Material a una página HTML estática
  • Crear la interfaz de una aplicación web con Material 3 sin comprometerse con un framework específico
  • Prototipar interfaces Material rápidamente con una importación desde CDN

Inicio rápido

  1. 1

    Copia el ejemplo de HTML sin compilación del README en un archivo HTML

  2. 2

    Abre el archivo HTML en un navegador para ver los componentes en funcionamiento desde el CDN

Antes de usarlo

  • El proyecto está en modo de mantenimiento mientras busca nuevos responsables

En colecciones

Frameworks frontend y componentes de interfaz

Temas

#web-components#material-design#design-system#lit#ui-components#css#component#lit-element#lit-html#material

Preguntas frecuentes

¿Qué es material-web?
Componentes web de Material Design 3 basados en Lit para crear aplicaciones web accesibles, con configuración sin proceso de compilación mediante CDN o con npm. Material Web (@material/web) es una biblioteca de componentes web que implementa el sistema de diseño Material 3 de Google. Componentes como botones, casillas de verificación, botones de opción, campos de texto y estilos tipográficos se publican como elementos personalizados estándar, por lo que pueden usarse en HTML sin procesar y también con React, Vue, Angular u otros frameworks.
¿material-web es gratuito? ¿Qué licencia tiene?
material-web es open source bajo la licencia Apache-2.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿material-web sigue mantenido?
Mantenimiento activo. El último commit de material-web fue el 22 oct 2026.
¿Para qué puedo usar material-web?
Añadir botones, campos de texto y controles de formulario con estilo Material a una página HTML estática Crear la interfaz de una aplicación web con Material 3 sin comprometerse con un framework específico Prototipar interfaces Material rápidamente con una importación desde CDN
¿Cómo se instala material-web?
Copia el ejemplo de HTML sin compilación del README en un archivo HTML Abre el archivo HTML en un navegador para ver los componentes en funcionamiento desde el CDN
¿Dónde consigo material-web?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/material-components/material-web

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

Proyectos relacionados