Cómo usar un componente

Sin dependencias, sin compilación, sin cuentas.

Cada componente de esta biblioteca es un fichero independiente con su HTML, su CSS y su JavaScript. Se copia en tu proyecto y funciona. No hay que instalar nada, ni registrarte, ni pasar nada por un compilador.

Elegir uno

Ve a Componentes y busca por nombre, categoría o descripción. También puedes filtrar por autor. Hay 1018 componentes.

Verlo funcionando

Al abrir un componente, lo ves en vivo en su propia caja. La vista previa es el componente real cargado en un iframe, no una captura ni una maqueta: lo que ves es lo que hay.

Copiar el código

Bajo la vista previa tienes el código fuente, en bloques separados: HTML, CSS y JavaScript, cada uno con su botón de copia. Copia el bloque que necesites y pégalo en tu fichero.

Cada componente es autónomo a propósito: no depende de nada externo, así que puedes llevarte un solo bloque sin arrastrar el resto.

Descargar el ZIP

Si prefieres tener el componente entero en una carpeta, usa el botón ZIP. Dentro viene:

• El código del componente.
• Su LICENSE, con la autoría.
• Un ATTRIBUTION.txt con la fuente y las condiciones de uso.

El botón ZIP se habilita solo cuando se ha comprobado la procedencia del material y su licencia. Si ves el botón en gris, es que todavía no está verificado y no se puede distribuir.

Licencia

Todo lo que descargas es MIT: puedes usarlo, modificarlo y usarlo con fines comerciales, sin pedir permiso. No hace falta atribuir más allá de lo que ya lleva el propio ZIP.

Si algo falla

Un componente es una demostración de una técnica, no código de producción auditado. Si algo no funciona en tu proyecto, mira primero:

• ¿Estás abriendo el fichero por file://? Usa un servidor local (npm run servidor en la raíz del repositorio).
• ¿La fuente que usa sigue disponible? Los componentes que usan tipografías del repositorio funcionan sin conexión.
• ¿Sigue fallando? Cuéntalo en GitHub con el nombre del componente.