Componentes reales. Desde el primer render.
Esta web usa el mismo paquete que instalas en tu aplicación. Prueba un control, cambia el tema y lleva el ejemplo a tu proyecto.
Tu próximo proyecto
Un pequeño ejemplo con señales y snippets.
Edita el nombre y guarda el cambio.
<script lang="ts">
const count = signal(0)
</script>
<template>
<UICard title="Tu espacio de trabajo" variant="outline">
<p role="status">Cambios guardados: {count.value}</p>
<snippet name="footer">
<UIButton on:click="() => count.value++">Guardar cambio</UIButton>
</snippet>
</UICard>
</template>Una base, tu propia identidad
Usa tokens semánticos para conectar colores, superficies y foco con tus variables CSS. Los valores por defecto se configuran por aplicación; cada componente puede sobrescribirlos con sus props.