Biblioteca de componentes HTML, CSS y JavaScript. Cien por ciento gratuitos, sin dependencias, sin frameworks. Copiá, pegá y personalizá.
<!-- componente: boton primario --> <button class="btn-primary"> Hacé clic acá </button> <style> .btn-primary { background: #000; color: #fff; padding: 12px 28px; border-radius: 100px; transition: 400ms ease; } .btn-primary:hover { transform: translateY(-2px); } </style>
Nada de npm install, nada de build steps. Elegí, copiá, y el componente ya funciona.
Primarios, secundarios, ghost, outline, con iconos, y más variantes listas para usar.
→ 02Cards de producto, perfil, testimonio, blog. Con imagen, texto, y acciones.
→ 03Inputs, selects, checkboxes, radios, validación con estilos limpios y accesibles.
→ 04Navbars, menús desplegables, breadcrumbs, tabs, sidebar responsive.
→ 05Transiciones, loaders, hover effects, scroll reveals, todo con CSS puro.
→ 06Grids, flex containers, hero sections, footers, estructuras comunes.
→ 07Botones, badges, avatares, breadcrumbs, dropdowns, steppers, notificaciones y más. La colección completa de efectos de cristal con blur, lista para copiar.
Tres pasos y ya tenés tu componente funcionando.
Navegá la biblioteca y encontrá el componente que necesitas.
Seleccioná y copiá el código con un solo clic.
Adaptalo a tu proyecto cambiando colores, tamaños y estilos.
Mové el mouse por las zonas de la carta para ver el tilt 3D y hacé clic para cambiar su edición.
Base
Ningún componente requiere frameworks, npm, ni configuraciones raras. HTML, CSS y JS vainilla.
Ir a los componentesSi estos componentes te sirven, invitame un café en Ko-fi. Cada aporte me ayuda a seguir sumando contenido, siempre gratis.