UI/UX Design System

UI Kit Showcase

Una colección de componentes con interfaz de usuario de alto rendimiento, creado con React, Radix UI y Tailwind CSS, inspirada en shadcn/ui.

Fundamentos

Los elementos centrales que construyen la identidad visual.

Botones
Elementos de activación versátiles con múltiples estilos.
Etiquetas
Indicadores visuales de estado y metadatos.
DefaultSecondaryOutlineDestructive
Avatares
Representación visual de usuarios.
DFAL+3
Teclado
Indicadores de atajos de teclado.
K
ShiftTab

General

Componentes estándar para layout y estructura.

Acordeón

Pestañas

Resumen rápido
Un breve resumen de tu actividad actual.
Revisa tus últimas métricas de rendimiento de un solo vistazo.

Formularios

Elementos de entrada para la recopilación de datos.

Visualización de datos

Visualización de información y contenido.

Calendario
Selecciona una fecha para tu cita.
Cargando calendario...

Progreso

Skeleton

Breadcrumb

Tablas y paginación

FacturaEstadoMétodo de pagoMonto
INV001PagadoTarjeta de crédito$250.00
INV002PendientePayPal$150.00

Feedback

Comunicación del estado del sistema y resultados.

Alerts

Feedback interactivo

Overlays

Información contextual y componentes flotantes.

Modals
Diálogos y "drawers" para overlays.
Flotantes
Popovers y tooltips.
Menús
Menús contextuales y desplegables.
Overlays avanzados
Paletas de comandos y menús responsivos.

Prueba el menú responsivo para interacciones amigables con dispositivos móviles.