Interfaces tejidas a mano para Vue 3

• Herramientas grandes, de serie

  Tabla con cien mil filas, kanban, Gantt, diagramas, agenda, gestor de ficheros y editor de PDF. Lo que en otras librerías es un extra de pago o un paquete aparte.

• Un solo sistema

  Los mismos tokens, temas, idiomas y ritmo de separaciones en cada pieza. Cambias el tema y cambia todo, también en oscuro y con contraste AA.

• Preparada para agentes

  Un servidor MCP para que los agentes de código la usen bien y un renderizador A2UI para que los agentes de interfaz pinten con ella.

La misma tabla, en un marco que se estrecha al bajar: al cruzar cada tramo cambia de modo (columnas por prioridad, tarjetas) porque mide su propio ancho, no la ventana. Después, estíralo tú con el asa.

• Peso de TrDataGrid

  Antes897 KBAhora513 KB

• Ordenar 1.000 × 20 filas agrupadas

  Antes2724 msAhora124 ms

• Nodos del DOM al ordenar 1.000 × 20 filas agrupadas

  Antes22.206Ahora1153

• watch al montar una tabla

  Antes64Ahora27

• onMounted al montar una tabla

  Antes14Ahora5

Banco perf:grid de la librería (happy-dom), fases 1 a 5 de rendimiento de TrDataGrid. Los milisegundos son relativos; los contadores, exactos.

1. Apunta el ámbito @javeintimilla a GitHub Packages en el .npmrc de tu proyecto (con un token de lectura de paquetes).

   @javeintimilla:registry=https://npm.pkg.github.com
   //npm.pkg.github.com/:_authToken=TU_TOKEN

2. Instala la librería.

   pnpm add @javeintimilla/trama

   Cargando la demo… Gestor de paquetes

3. Importa los estilos y usa tu primer componente.

   import { createApp } from 'vue'
   import '@javeintimilla/trama/styles.css'
   import App from './App.vue'
   
   createApp(App).mount('#app')

   <script setup lang="ts">
   import { TrButton } from '@javeintimilla/trama'
   </script>
   
   <template>
     <TrButton variant="primary" icon="add" label="Hola, Trama" />
   </template>

El paquete y el escaparate son privados por ahora; el acceso abrirá próximamente. Pedir accesoPróximamenteEstamos preparando el acceso a Trama. Muy pronto podrás pedirlo aquí.