Documentación/Resumen
Ejemplos
Demos en vivo con su código — cada archivo que ves se ejecuta en la página. Cópialos o ábrelos en StackBlitz.
Esta página la ha traducido una IA y puede contener imprecisiones. Leer el original en inglés
Cada ejemplo es una pequeña app de Vue: un index.vue con su DnDProvider, y los componentes que
necesita. Las pestañas de código bajo una demo son exactamente los archivos que la ejecutan.
Apps
Interfaces completas, tal como las construirías: varias listas, reglas, overlays y el teclado trabajando juntos.
Tablero de proyecto
Columnas que reordenas, límites WIP, una confirmación antes de Done, selección múltiple y una papelera.
Gestor de archivos
Un árbol de carpetas y una cuadrícula de archivos: selección con rectángulo, drops sobre carpetas, Alt para copiar.
Editor de bloques
Bloques al estilo de Notion que se mueven por sus asas, se anidan y se arrastran desde un menú «/» o la barra lateral.
Ajedrez
Los movimientos legales se iluminan, la pieza en la mano dice por qué se rechaza una casilla, un peón pregunta en qué se convierte, y un bot responde con arrastres reales.
Constructor de formularios
Campos de Nuxt UI desde una paleta, colocados uno al lado del otro en filas, rellenados en una vista previa en vivo y exportados como código Vue.
Lienzo de diseño
Frames y capas en un lienzo con zoom, guías inteligentes, Alt para duplicar, y un panel de capas que es el árbol del diseño.