Laboratorio · Showcase Tsukira UI

Portal de Proyectos Demo

7 proyectos disponibles
Módulo Demostrativo Premium

Explora la flexibilidad del diseño

Esta vitrina demuestra cómo se combinan los componentes y tokens de la librería tsukira-ui para construir aplicaciones del mundo real sin dependencias complejas. Haz clic en cualquiera de las tarjetas de abajo para lanzar la demo correspondiente.

Lanzar demo

Dashboard Administración

El panel de control administrativo original de Marea. Monitorea servidores en la nube, logs de despliegues, base de datos y actividad global.

Componentes utilizados
AreaChartCalendarHeatmapDataTableSegmentedDrawerToast
Lanzar demo

SaaS Cloud Landing

Página de marketing interactiva para una startup en la nube. Cuenta con toggle de facturación, roadmap cronológico y diálogo de prueba gratuita.

Componentes utilizados
NavbarTiltCardSegmentedTimelineCarouselDialog
Lanzar demo

Clon de streaming Twitch

Simulador de transmisión en vivo con chat interactivo alimentado dinámicamente y barra lateral de canales con estado en línea y espectadores.

Componentes utilizados
AvatarTabsPopoverDropdownMenuDialogToast
Lanzar demo

Clon de catálogo Netflix

Visor multimedia premium con banner carrusel animado, portadas con overlay al pasar el cursor y modal de detalles con reproductor de tráiler interactivo.

Componentes utilizados
CarouselCardCoverChipKeyValueSkeletonEmptyState
Lanzar demo

Editor VS Code Lite

Entorno de desarrollo en el navegador. Cuenta con árbol de directorios, cambio de pestañas activas, selector de temas y consola de logs.

Componentes utilizados
CommandPaletteTabsDrawerKbdSwitchToast
Lanzar demo

Base de datos de juegos anime

Administración avanzada de base de datos de videojuegos anime. Cuenta con búsquedas con filtros múltiples, notas editoriales WYSIWYG y números animados.

Componentes utilizados
DataTableKanbanWysiwygDatePickerStepperEmptyState
Lanzar demo

Logística · Flota

Panel de operaciones logísticas tematizado en esmeralda: KPIs, rendimiento de entregas, mapa de seguimiento en vivo, flota y envíos.

Componentes utilizados
StatCardAreaChartDonutChartMapProgressMiniSparkline
Marea Showcase · Hecho con Next.js + Tailwind + Framer Motion