# QuicklyCSS V2

> Framework CSS utility-first y de componentes, organizado por responsabilidades para construir interfaces responsivas con estructura, contenidos, utilidades, componentes y templates.

Versión: 2.0.0-alpha.2. Estado: preliminar. Idioma principal: español. No mezclar esta API con QuicklyCSS V1 ni inventar clases por similitud de nombre.

## Fundamentos y controles

- [Selección (decisiones nativas)](https://quicklycss.cl/docs/selection.md): documentación, referencia y ejemplos de Selección (decisiones nativas).
- [Activación (estado inmediato)](https://quicklycss.cl/docs/activation.md): documentación, referencia y ejemplos de Activación (estado inmediato).
- [Rango y archivo (valores y adjuntos)](https://quicklycss.cl/docs/range-file.md): documentación, referencia y ejemplos de Rango y archivo (valores y adjuntos).
- [Run y Run Back (movimiento ligado al scroll)](https://quicklycss.cl/docs/run.md): documentación, referencia y ejemplos de Run y Run Back (movimiento ligado al scroll).

## Estructura

- [Containers (fluido y porcentual)](https://quicklycss.cl/docs/containers.md): documentación, referencia y ejemplos de Containers (fluido y porcentual).
- [Display (flujo y visibilidad)](https://quicklycss.cl/docs/display.md): documentación, referencia y ejemplos de Display (flujo y visibilidad).
- [Flex col span (12 columnas)](https://quicklycss.cl/docs/flex-col-span.md): documentación, referencia y ejemplos de Flex col span (12 columnas).
- [Flex col (columnas flexibles)](https://quicklycss.cl/docs/flex-col.md): documentación, referencia y ejemplos de Flex col (columnas flexibles).
- [Grid col span (ocupación de columnas)](https://quicklycss.cl/docs/grid-col-span.md): documentación, referencia y ejemplos de Grid col span (ocupación de columnas).
- [Grid col (columnas de grid)](https://quicklycss.cl/docs/grid-col.md): documentación, referencia y ejemplos de Grid col (columnas de grid).
- [Grid row span (ocupación de filas)](https://quicklycss.cl/docs/grid-row-span.md): documentación, referencia y ejemplos de Grid row span (ocupación de filas).

## Contenidos

- [Buttons (botones y acciones)](https://quicklycss.cl/docs/buttons.md): documentación, referencia y ejemplos de Buttons (botones y acciones).
- [Colors (paleta y aplicaciones)](https://quicklycss.cl/docs/colors.md): documentación, referencia y ejemplos de Colors (paleta y aplicaciones).
- [Tipography (escala y composición)](https://quicklycss.cl/docs/tipography.md): documentación, referencia y ejemplos de Tipography (escala y composición).
- [Icons (SVG escalables)](https://quicklycss.cl/docs/icons.md): documentación, referencia y ejemplos de Icons (SVG escalables).
- [Iframe (contenido responsivo)](https://quicklycss.cl/docs/iframe.md): documentación, referencia y ejemplos de Iframe (contenido responsivo).
- [Images (medios fluidos)](https://quicklycss.cl/docs/images.md): documentación, referencia y ejemplos de Images (medios fluidos).
- [Text decoration (decoración de texto)](https://quicklycss.cl/docs/line-types.md): documentación, referencia y ejemplos de Text decoration (decoración de texto).
- [Lists (listas y marcadores)](https://quicklycss.cl/docs/lists.md): documentación, referencia y ejemplos de Lists (listas y marcadores).

## Utilidades

- [Alignment (alineación)](https://quicklycss.cl/docs/alignment.md): documentación, referencia y ejemplos de Alignment (alineación).
- [Animation (secuencias reutilizables)](https://quicklycss.cl/docs/animation.md): documentación, referencia y ejemplos de Animation (secuencias reutilizables).
- [Borders (bordes y radios)](https://quicklycss.cl/docs/borders.md): documentación, referencia y ejemplos de Borders (bordes y radios).
- [Filter (filtros combinables)](https://quicklycss.cl/docs/filter.md): documentación, referencia y ejemplos de Filter (filtros combinables).
- [Gap (separación entre elementos)](https://quicklycss.cl/docs/gap.md): documentación, referencia y ejemplos de Gap (separación entre elementos).
- [Hatched (achurados)](https://quicklycss.cl/docs/hatched.md): documentación, referencia y ejemplos de Hatched (achurados).
- [Opacity (presencia visual)](https://quicklycss.cl/docs/opacity.md): documentación, referencia y ejemplos de Opacity (presencia visual).
- [Overflow (recorte y desplazamiento)](https://quicklycss.cl/docs/overflow.md): documentación, referencia y ejemplos de Overflow (recorte y desplazamiento).
- [Position (flujo y anclaje)](https://quicklycss.cl/docs/position.md): documentación, referencia y ejemplos de Position (flujo y anclaje).
- [Reverse (flujo visual)](https://quicklycss.cl/docs/reverse.md): documentación, referencia y ejemplos de Reverse (flujo visual).
- [Scroll (desplazamiento y anclaje)](https://quicklycss.cl/docs/scroll.md): documentación, referencia y ejemplos de Scroll (desplazamiento y anclaje).
- [Shadow (sombras)](https://quicklycss.cl/docs/shadow.md): documentación, referencia y ejemplos de Shadow (sombras).
- [Sizes (ancho y alto)](https://quicklycss.cl/docs/sizes.md): documentación, referencia y ejemplos de Sizes (ancho y alto).
- [Spacing (margin y padding)](https://quicklycss.cl/docs/spacing.md): documentación, referencia y ejemplos de Spacing (margin y padding).
- [States (variantes interactivas)](https://quicklycss.cl/docs/states.md): documentación, referencia y ejemplos de States (variantes interactivas).
- [Transition (cambios suaves)](https://quicklycss.cl/docs/transition.md): documentación, referencia y ejemplos de Transition (cambios suaves).
- [Visibility (mostrar u ocultar)](https://quicklycss.cl/docs/visibility.md): documentación, referencia y ejemplos de Visibility (mostrar u ocultar).
- [Z-index (orden de capas)](https://quicklycss.cl/docs/z-index.md): documentación, referencia y ejemplos de Z-index (orden de capas).

## Componentes

- [Accordion (contenido expandible)](https://quicklycss.cl/docs/component-accordion.md): documentación, referencia y ejemplos de Accordion (contenido expandible).
- [Alert (mensajes contextuales)](https://quicklycss.cl/docs/component-alert.md): documentación, referencia y ejemplos de Alert (mensajes contextuales).
- [Badge (etiquetas breves)](https://quicklycss.cl/docs/component-badge.md): documentación, referencia y ejemplos de Badge (etiquetas breves).
- [Breadcrumb (ruta jerárquica)](https://quicklycss.cl/docs/component-breadcrumb.md): documentación, referencia y ejemplos de Breadcrumb (ruta jerárquica).
- [Card (tarjetas de contenido)](https://quicklycss.cl/docs/component-card.md): documentación, referencia y ejemplos de Card (tarjetas de contenido).
- [Carousel (carrusel de contenido)](https://quicklycss.cl/docs/component-carousel.md): documentación, referencia y ejemplos de Carousel (carrusel de contenido).
- [Dropdown (menús desplegables)](https://quicklycss.cl/docs/component-dropdown.md): documentación, referencia y ejemplos de Dropdown (menús desplegables).
- [Form (controles de formulario)](https://quicklycss.cl/docs/component-form.md): documentación, referencia y ejemplos de Form (controles de formulario).
- [Grupo de entrada (campo + acción)](https://quicklycss.cl/docs/component-input-group.md): documentación, referencia y ejemplos de Grupo de entrada (campo + acción).
- [Loading (estados de carga)](https://quicklycss.cl/docs/component-loading.md): documentación, referencia y ejemplos de Loading (estados de carga).
- [Modal (diálogos focales)](https://quicklycss.cl/docs/component-modal.md): documentación, referencia y ejemplos de Modal (diálogos focales).
- [Navbar (navegación principal)](https://quicklycss.cl/docs/component-navbar.md): documentación, referencia y ejemplos de Navbar (navegación principal).
- [Offcanvas (fuera de pantalla)](https://quicklycss.cl/docs/component-offcanvas.md): documentación, referencia y ejemplos de Offcanvas (fuera de pantalla).
- [Pagination (navegación paginada)](https://quicklycss.cl/docs/component-pagination.md): documentación, referencia y ejemplos de Pagination (navegación paginada).
- [Popover (acciones complementarias)](https://quicklycss.cl/docs/component-popover.md): documentación, referencia y ejemplos de Popover (acciones complementarias).
- [Progress (barra de progreso)](https://quicklycss.cl/docs/component-progress.md): documentación, referencia y ejemplos de Progress (barra de progreso).
- [Table (datos tabulares)](https://quicklycss.cl/docs/component-table.md): documentación, referencia y ejemplos de Table (datos tabulares).
- [Tabs (paneles relacionados)](https://quicklycss.cl/docs/component-tabs.md): documentación, referencia y ejemplos de Tabs (paneles relacionados).
- [Toast (notificaciones breves)](https://quicklycss.cl/docs/component-toast.md): documentación, referencia y ejemplos de Toast (notificaciones breves).
- [Tooltip (descripción contextual)](https://quicklycss.cl/docs/component-tooltip.md): documentación, referencia y ejemplos de Tooltip (descripción contextual).
- [Construye interfaces claras y consistentes](https://quicklycss.cl/docs/components.md): documentación, referencia y ejemplos de Construye interfaces claras y consistentes.

## Templates

- [Portafolio fotográfico](https://quicklycss.cl/docs/template-album.md): documentación, referencia y ejemplos de Portafolio fotográfico.
- [Journal visual](https://quicklycss.cl/docs/template-blog.md): documentación, referencia y ejemplos de Journal visual.
- [Empresa comercial](https://quicklycss.cl/docs/template-company.md): documentación, referencia y ejemplos de Empresa comercial.
- [Portada corporativa](https://quicklycss.cl/docs/template-cover.md): documentación, referencia y ejemplos de Portada corporativa.
- [Acceso elegante y seguro](https://quicklycss.cl/docs/template-login.md): documentación, referencia y ejemplos de Acceso elegante y seguro.
- [Dashboard analítico](https://quicklycss.cl/docs/template-panel.md): documentación, referencia y ejemplos de Dashboard analítico.
- [Experiencia audiovisual](https://quicklycss.cl/docs/template-video.md): documentación, referencia y ejemplos de Experiencia audiovisual.
- [Páginas completas con clases del framework](https://quicklycss.cl/docs/templates.md): documentación, referencia y ejemplos de Páginas completas con clases del framework.

## Referencia para IA

- [Guía para asistentes](https://quicklycss.cl/AI_USAGE.md): reglas de generación, accesibilidad y antipatrones.
- [Catálogo JSON de API](https://quicklycss.cl/quicklycss-api.json): clases, declaraciones, módulos, tokens, breakpoints y atributos JavaScript.
- [Esquema del catálogo](https://quicklycss.cl/quicklycss-api.schema.json): contrato JSON Schema del catálogo público.
- [Documentación consolidada](https://quicklycss.cl/llms-full.txt): contenido Markdown completo de todas las páginas V2.
- [Migración de V1 a V2](https://quicklycss.cl/MIGRATION_V1_V2.md): estrategia y límites de compatibilidad.
- [Changelog](https://quicklycss.cl/CHANGELOG.md): cambios y estabilidad por versión.
- [Bitácora técnica](https://quicklycss.cl/BITACORA.md): detalle de cambios, decisiones, verificaciones y estado de publicación.

## Optional

- [Casos de evaluación](https://quicklycss.cl/ai/evals.json): pruebas para detectar clases inventadas, mezcla de versiones y dependencias omitidas.
- [Sitemap V2](https://quicklycss.cl/sitemap.xml): todas las páginas públicas HTML.
- [Documentación V1](https://quicklycss.cl/v1/): versión estable anterior.