# logic2b ui — documentación en español

> Componentes de interfaz que copias, adaptas y posees, con un registro
> abierto diseñado para asistentes y agentes de programación.

Esta edición española crece por oleadas. La documentación inglesa completa
sigue disponible en https://ui.logic2b.com/llms.txt. Cada página traducida también se
publica como Markdown añadiendo `.md` a su URL.
Los presets curados y sus auditorías se publican en https://ui.logic2b.com/themes/index.json
y se pueden explorar visualmente en https://ui.logic2b.com/es/themes.

## Guías traducidas

- [Extras 3D](https://ui.logic2b.com/es/docs/3d-extras.md): Añade escenas hero y visores de producto con react-three-fiber y tokens, sin introducir Three.js en el registro base.
- [Benchmarks de agentes](https://ui.logic2b.com/es/docs/agent-benchmarks.md): Benchmark público y reproducible para agentes que instalan, tematizan y componen logic2b ui.
- [Conecta tu propio backend](https://ui.logic2b.com/es/docs/backend.md): Los bloques de administración y reservas son UI con datos de ejemplo. Este contrato de referencia permite conectarlos a datos reales.
- [Benchmarks de frameworks](https://ui.logic2b.com/es/docs/benchmarks.md): Comparación pública y reproducible del mismo bloque de logic2b en Next.js, Vite, Astro y TanStack Start.
- [Cambios incrementales](https://ui.logic2b.com/es/docs/changes.md): Revisa cambios de código, valida las condiciones de escritura y recupera transacciones locales respetando las ediciones posteriores.
- [Acordeón](https://ui.logic2b.com/es/docs/components/accordion.md): Conjunto vertical de encabezados interactivos que muestran u ocultan su sección de contenido.
- [Alerta](https://ui.logic2b.com/es/docs/components/alert.md): Muestra un aviso que requiere la atención del usuario.
- [Diálogo de alerta](https://ui.logic2b.com/es/docs/components/alert-dialog.md): Diálogo modal que interrumpe al usuario con contenido importante y requiere una respuesta.
- [Relación de aspecto](https://ui.logic2b.com/es/docs/components/aspect-ratio.md): Muestra contenido dentro de una proporción determinada.
- [Autocompletado](https://ui.logic2b.com/es/docs/components/autocomplete.md): Campo de texto libre con una lista de sugerencias filtradas que sigue el patrón de cuadro combinado editable de ARIA.
- [Avatar](https://ui.logic2b.com/es/docs/components/avatar.md): Imagen con contenido alternativo para representar a una persona usuaria.
- [Insignia](https://ui.logic2b.com/es/docs/components/badge.md): Muestra una insignia o un componente con apariencia de insignia.
- [Migas de pan](https://ui.logic2b.com/es/docs/components/breadcrumb.md): Muestra la ruta al recurso actual mediante una jerarquía de enlaces.
- [Botón](https://ui.logic2b.com/es/docs/components/button.md): Muestra un botón o un componente con apariencia de botón.
- [Grupo de botones](https://ui.logic2b.com/es/docs/components/button-group.md): Agrupa botones relacionados sin espacio entre ellos, en horizontal o vertical.
- [Calendario](https://ui.logic2b.com/es/docs/components/calendar.md): Campo de fecha con una cuadrícula para elegir un día, varios días o un intervalo.
- [Tarjeta](https://ui.logic2b.com/es/docs/components/card.md): Muestra una tarjeta compuesta por cabecera, contenido y pie.
- [Carrusel](https://ui.logic2b.com/es/docs/components/carousel.md): Carrusel de diapositivas con controles anterior/siguiente y navegación por teclado.
- [Gráfico](https://ui.logic2b.com/es/docs/components/chart.md): Gráficos componibles basados en Recharts y tematizados con tus tokens CSS.
- [Casilla de verificación](https://ui.logic2b.com/es/docs/components/checkbox.md): Permite alternar entre los estados marcado y desmarcado.
- [Bloque de código](https://ui.logic2b.com/es/docs/components/code-block.md): Contenedor de código con estilo y botón para copiar con un clic, sin dependencias.
- [Panel plegable](https://ui.logic2b.com/es/docs/components/collapsible.md): Componente interactivo que expande y contrae un panel de contenido.
- [Selector de color](https://ui.logic2b.com/es/docs/components/color-picker.md): Selector de color HSV autónomo con área de saturación y valor, control de tono y entrada hexadecimal.
- [Cuadro combinado](https://ui.logic2b.com/es/docs/components/combobox.md): Campo de autocompletado y paleta de comandos compuesto con Popover y Command.
- [Paleta de comandos](https://ui.logic2b.com/es/docs/components/command.md): Menú de comandos rápido y componible para React.
- [Menú contextual](https://ui.logic2b.com/es/docs/components/context-menu.md): Muestra un menú de acciones u opciones al hacer clic derecho sobre un elemento.
- [Tabla de datos](https://ui.logic2b.com/es/docs/components/data-table.md): Filtrado, ordenación y paginación compuestos sobre el componente Table.
- [Selector de fecha](https://ui.logic2b.com/es/docs/components/date-picker.md): Campo de fecha compuesto con los componentes Popover y Calendar.
- [Diálogo](https://ui.logic2b.com/es/docs/components/dialog.md): Superpone una ventana sobre la interfaz principal para mostrar contenido que requiere la atención del usuario.
- [Cajón deslizante](https://ui.logic2b.com/es/docs/components/drawer.md): Extiende Dialog para mostrar contenido que entra desde un borde y se arrastra mediante un tirador.
- [Menú desplegable](https://ui.logic2b.com/es/docs/components/dropdown-menu.md): Muestra un menú de acciones u opciones activado por un botón.
- [Estado vacío](https://ui.logic2b.com/es/docs/components/empty.md): Muestra un estado vacío con icono, título, descripción y acciones.
- [Campo de formulario](https://ui.logic2b.com/es/docs/components/field.md): Primitivas componibles para distribuir un campo de formulario sin depender de react-hook-form.
- [Zona de archivos](https://ui.logic2b.com/es/docs/components/file-dropzone.md): Superficie para arrastrar y soltar archivos que también abre el explorador mediante clic o teclado, construida sobre DnD nativo.
- [Formulario](https://ui.logic2b.com/es/docs/components/form.md): Construye formularios accesibles con react-hook-form y zod.
- [Tarjeta al pasar](https://ui.logic2b.com/es/docs/components/hover-card.md): Permite a las personas videntes previsualizar el contenido disponible tras un enlace.
- [Campo de entrada](https://ui.logic2b.com/es/docs/components/input.md): Muestra un campo de entrada de formulario.
- [Grupo de entrada](https://ui.logic2b.com/es/docs/components/input-group.md): Envuelve un campo de entrada o un área de texto con complementos alineados en cualquiera de sus extremos.
- [Entrada OTP](https://ui.logic2b.com/es/docs/components/input-otp.md): Entrada accesible para códigos de un solo uso con casillas por carácter.
- [Elemento](https://ui.logic2b.com/es/docs/components/item.md): Contenedor flexible para título, descripción y acciones; agrúpalo con ItemGroup para crear una lista de entradas compuestas.
- [Tecla](https://ui.logic2b.com/es/docs/components/kbd.md): Muestra un atajo de teclado o una combinación de teclas.
- [Etiqueta](https://ui.logic2b.com/es/docs/components/label.md): Renderiza una etiqueta accesible asociada a un control.
- [Barra de menús](https://ui.logic2b.com/es/docs/components/menubar.md): Barra horizontal de menús similar a la de una aplicación de escritorio.
- [Movimiento](https://ui.logic2b.com/es/docs/components/motion.md): Recetas de animación de entrada, salida y hover basadas en tokens, construidas con tw-animate-css sin dependencias de runtime y con una variante opcional para Framer Motion.
- [Movimiento con desenfoque](https://ui.logic2b.com/es/docs/components/motion-blur.md): Enfoca al montarse un elemento desde 8 px de desenfoque mientras aparece, preset construido con tw-animate-css sin dependencias de runtime.
- [Fundido en movimiento](https://ui.logic2b.com/es/docs/components/motion-fade.md): Hace aparecer un elemento al montarse mediante el preset de fundido, construido con tw-animate-css sin dependencias de runtime.
- [Escala en movimiento](https://ui.logic2b.com/es/docs/components/motion-scale.md): Amplía al montarse un elemento desde el 95 % mientras aparece, preset construido con tw-animate-css sin dependencias de runtime.
- [Deslizamiento en movimiento](https://ui.logic2b.com/es/docs/components/motion-slide.md): Desliza un elemento desde una dirección mientras aparece al montarse, preset construido con tw-animate-css sin dependencias de runtime.
- [Selector nativo](https://ui.logic2b.com/es/docs/components/native-select.md): Envoltorio con estilo para el elemento <select> nativo, con la lista y el comportamiento de la plataforma y un aspecto adaptado a los tokens.
- [Menú de navegación](https://ui.logic2b.com/es/docs/components/navigation-menu.md): Colección de enlaces y paneles desplegables para navegar por un sitio o aplicación.
- [Campo numérico](https://ui.logic2b.com/es/docs/components/number-field.md): Campo numérico con controles para reducir o aumentar el valor, límites mínimo y máximo y tamaño de paso.
- [Paginación](https://ui.logic2b.com/es/docs/components/pagination.md): Muestra enlaces de navegación para contenido dividido en páginas.
- [Paralaje](https://ui.logic2b.com/es/docs/components/parallax.md): Capa de paralaje vinculada al desplazamiento para secciones de marketing, impulsada por animaciones CSS con fallback estático progresivo.
- [Panel emergente](https://ui.logic2b.com/es/docs/components/popover.md): Muestra contenido enriquecido en un portal activado por un botón.
- [Progreso](https://ui.logic2b.com/es/docs/components/progress.md): Muestra un indicador del avance de una tarea.
- [Grupo de opciones](https://ui.logic2b.com/es/docs/components/radio-group.md): Conjunto de botones seleccionables en el que solo puede estar marcada una opción a la vez.
- [Valoración](https://ui.logic2b.com/es/docs/components/rating.md): Campo de valoración por estrellas basado en el patrón de grupo de opciones, con previsualización al pasar el puntero y modo de solo lectura.
- [Paneles redimensionables](https://ui.logic2b.com/es/docs/components/resizable.md): Paneles divididos que pueden redimensionarse arrastrando en horizontal o vertical.
- [Área de desplazamiento](https://ui.logic2b.com/es/docs/components/scroll-area.md): Amplía el desplazamiento nativo con estilos personalizados coherentes entre navegadores.
- [Revelado al desplazar](https://ui.logic2b.com/es/docs/components/scroll-reveal.md): Reproduce una receta de entrada cuando un elemento aparece en el viewport, con IntersectionObserver y el motor de movimiento sin dependencias de runtime.
- [Selector](https://ui.logic2b.com/es/docs/components/select.md): Muestra una lista de opciones que se abre desde un botón.
- [Separador](https://ui.logic2b.com/es/docs/components/separator.md): Separa contenido de forma visual o semántica.
- [Panel lateral](https://ui.logic2b.com/es/docs/components/sheet.md): Extiende Dialog para mostrar contenido complementario al contenido principal de la pantalla.
- [Barra lateral](https://ui.logic2b.com/es/docs/components/sidebar.md): Barra lateral componible y tematizable para construir shells de aplicaciones y dashboards.
- [Esqueleto](https://ui.logic2b.com/es/docs/components/skeleton.md): Marcador de posición que se muestra mientras se carga el contenido.
- [Control deslizante](https://ui.logic2b.com/es/docs/components/slider.md): Entrada con la que el usuario selecciona un valor dentro de un intervalo.
- [Notificaciones Sonner](https://ui.logic2b.com/es/docs/components/sonner.md): Componente deliberadamente opinionado para mostrar notificaciones emergentes.
- [Indicador de carga](https://ui.logic2b.com/es/docs/components/spinner.md): Indicador giratorio de carga.
- [Indicador de pasos](https://ui.logic2b.com/es/docs/components/stepper.md): Indicador de progreso con varios pasos para asistentes, compras e incorporación, en horizontal o vertical.
- [Interruptor](https://ui.logic2b.com/es/docs/components/switch.md): Permite alternar una opción entre activada y desactivada.
- [Tabla](https://ui.logic2b.com/es/docs/components/table.md): Componente de tabla adaptable.
- [Pestañas](https://ui.logic2b.com/es/docs/components/tabs.md): Conjunto de secciones de contenido superpuestas de las que solo se muestra una a la vez.
- [Entrada de etiquetas](https://ui.logic2b.com/es/docs/components/tags-input.md): Campo libre con varios valores representados como etiquetas eliminables; añade con Intro o coma y quita con Retroceso o el botón de cierre.
- [Área de texto](https://ui.logic2b.com/es/docs/components/textarea.md): Muestra un área de texto que adapta su altura al contenido.
- [Cronología](https://ui.logic2b.com/es/docs/components/timeline.md): Cronología vertical para registros de actividad, historiales de cambios y procesos.
- [Botón de alternancia](https://ui.logic2b.com/es/docs/components/toggle.md): Botón de dos estados que puede estar activado o desactivado.
- [Grupo de alternancia](https://ui.logic2b.com/es/docs/components/toggle-group.md): Conjunto de botones de dos estados que pueden activarse o desactivarse.
- [Descripción emergente](https://ui.logic2b.com/es/docs/components/tooltip.md): Ventana emergente con información relacionada con un elemento al recibir el foco o pasar el puntero por encima.
- [Vista de árbol](https://ui.logic2b.com/es/docs/components/tree-view.md): Lista jerárquica para explorar archivos, carpetas o categorías con expansión, selección y navegación completa mediante teclado.
- [Tipografía](https://ui.logic2b.com/es/docs/components/typography.md): Sistema tipográfico basado en Inter, ajustado por función mediante peso e interletraje.
- [Tokens multiplataforma](https://ui.logic2b.com/es/docs/cross-platform-tokens.md): Exporta un preset de logic2b a Variables de Figma, JSON DTCG, CSS, Swift para iOS y recursos Android.
- [Introducción](https://ui.logic2b.com/es/docs/index.md): Crea interfaces rápidamente con ayuda de IA. Componentes React que copias y haces tuyos.
- [Instalación](https://ui.logic2b.com/es/docs/installation.md): Configura tu proyecto y empieza a usar los componentes de logic2b ui.
- [Comparar vías de integración](https://ui.logic2b.com/es/docs/integration-paths.md): Elige el flujo de logic2b adecuado para una persona desarrolladora, un agente o un cliente propio del registro.
- [Para LLM y agentes](https://ui.logic2b.com/es/docs/llms.md): logic2b ui está diseñado para agentes de IA. Esta es su superficie legible por máquinas.
- [Revisión estática de interfaces](https://ui.logic2b.com/es/docs/review.md): Revisa TSX/JSX con cuatro reglas basadas en evidencia, políticas explícitas y límites visibles.
- [Temas](https://ui.logic2b.com/es/docs/theming.md): Variables CSS, modo oscuro y radio. Cambia todos los componentes desde un único lugar.
- [Verificación en la aplicación](https://ui.logic2b.com/es/docs/verification.md): Ejecuta comprobaciones de navegador acotadas sobre tu aplicación local y conserva informes, capturas y evidencia de accesibilidad.
- [Extensión de VS Code](https://ui.logic2b.com/es/docs/vscode.md): Explora el registro de logic2b, instala componentes como código fuente y aplica presets desde un workspace local o remoto de VS Code.

- [Toda la documentación española en un archivo](https://ui.logic2b.com/es/llms-full.txt)
- [Galería de temas](https://ui.logic2b.com/es/themes) y [catálogo JSON](https://ui.logic2b.com/themes/index.json)
- [Documentación inglesa completa](https://ui.logic2b.com/llms.txt)