Introduccion

Nuvex UI es un sistema de componentes para Vue 3 enfocado en crear interfaces consistentes mas rapido. Usa esta guia para entender la libreria, el flujo de documentacion y la ruta recomendada hacia produccion.

Comenzar con la instalacionAbrir inicio rapido

Explora Nuvex UI por capacidades

Nuvex UI se organiza en capacidades que cubren desde la integracion inicial hasta la personalizacion, la estructura de pantallas y los flujos de entrada. Usa estas areas como puertas de entrada segun la necesidad de tu producto.

Primeros pasos

Instalacion, arranque rapido e integracion inicial para incorporar Nuvex UI en un proyecto nuevo con el menor tiempo de setup posible.

Design System

Colores, tipografia, iconografia, spacing y superficies para entender el lenguaje visual base y tomar decisiones consistentes desde el inicio.

Theming

Tokens, variables CSS y APIs de tema para adaptar la libreria a la identidad del producto sin perder coherencia entre componentes.

Layout

App shell, bar, drawer, container y patrones responsivos para estructurar pantallas reales sobre una base predecible y reutilizable.

Forms y entrada de datos

Campos, validacion, acciones y patrones de captura para construir flujos de negocio claros, consistentes y listos para produccion.

Capacidades avanzadas

Overlays, scheduling, utilidades, extensibilidad y guias de integracion para escenarios mas complejos y equipos que necesitan ir mas alla del caso base.

Como te ayudan las paginas de componentes

Las paginas de componentes estan organizadas para ayudarte a pasar de orientacion a implementacion sin tener que adivinar que revisar despues.

  • Empieza por el ejemplo principal para entender el componente en su caso de uso mas comun antes de comparar variantes.
  • Usa las secciones intermedias para revisar estados, composicion, iconos y patrones de integracion cercanos al trabajo real de producto.
  • En componentes de entrada, revisa validacion y guias de interaccion antes de apoyarte solo en la tabla de API.
  • Deja la API reference para el final y usala para confirmar props, eventos, slots y comportamiento cuando ya tengas claro el patron que necesitas.