## Qué recibes | Archivo | Para qué sirve | |---|---| | `ui-kit.css` (34 KB) | Todos los estilos y los tokens de diseño. Es lo único que necesitas enlazar. | | `index.html` (37 KB) | Documentación viva: los 48 componentes renderizados, listos para copiar y pegar. | | `README.md` | Instalación en 30 segundos, tabla de componentes y cómo cambiar los tokens. | ## Los 48 componentes Botones y grupos de botones, badges, avatares, alertas, tarjetas, tarjetas de estadística, formularios (inputs, selects, checkboxes, radios, switches, grupos de input, validación), tablas, listas, navegación (navbar, sidebar, tabs, breadcrumbs, paginación), feedback (toasts, progress, spinners, skeletons, empty states), estructura (hero, footer, layout, grid, secciones) y patrones de venta (pricing, testimonios, FAQ/acordeón). ## Cómo se instala 1. Descomprime el ZIP. 2. Enlaza `ui-kit.css` en tu HTML: ``. 3. Copia el marcado del componente que quieras desde `index.html`. Abre `index.html` en el navegador para ver la galería completa con el conmutador de tema claro/oscuro. ## Qué incluye de verdad - CSS puro: sin Tailwind, sin Bootstrap, sin preprocesador, sin paso de compilación. - Tokens en `:root` (colores, radios, sombras, espaciado, tipografía) y tema oscuro con `data-theme="dark"`. - Responsive con contenedores fluidos y grid; probado en Chrome y Safari. - Componentes interactivos (acordeón, dropdown, modal, drawer) funcionan con los atributos nativos ``, `[open]` y ``: no necesitas JavaScript propio para lo básico. ## Qué NO incluye - No es un tema de WordPress, Shopify ni un proyecto React/Vue: es CSS más HTML de ejemplo. - No hay backend, JS de aplicación, iconos empaquetados ni imágenes con licencia. - Componentes que requieren lógica de negocio (carrito, autenticación) no están implementados. ## Licencia Uso comercial en proyectos propios y de clientes. Puedes modificar los archivos libremente. No puedes revender ni redistribuir el kit como producto propio.