Design system · tsukira-ui sobre paleta Marea

Catálogo de componentes

75 componentes y patterns organizados por apartados, como una documentación: cada sección tiene su propia página con demos interactivos, el código de uso y la tabla de props generada desde los tipos. 10 piezas pertenecen al tier PRO.

Prueba los Tweaks (botón flotante) — todo el catálogo responde al tema y al modo oscuroRoadmap free/premium en MEJORAS.md
6 componentes

Acciones

Botones, chips, controles segmentados y menús: todo lo que dispara una acción.

ButtonChipSegmentedDropdownMenuToolbar+1 más

10 componentes

Formularios

Campos de entrada, selección, fechas y texto enriquecido, con validación y estados.

InputTextareaSelectComboboxCheckbox+5 más

16 componentes

Datos

Tablas, badges, timelines, sparklines y la DataTable completa para mostrar información.

BadgeAvatarAvatarGroupKeyValueTimeline+11 más

8 componentes

Feedback

Alertas, toasts, diálogos y tooltips para comunicar estados y confirmar acciones.

AlertBannerToastDialogDrawer+3 más

7 componentes

Navegación

Tabs, breadcrumbs, navbars, sidebars y cabeceras para estructurar la app.

TabsBreadcrumbNavbarNavMenuSidebar+2 más

7 componentes

Layout y marca

Cards, contenedores, stacks, carruseles y las piezas de identidad del kit (Logo, Sello, olas).

CardContainerStackCarouselLogo+2 más

4 componentes

Lab Premium

Los diferenciadores del tier Pro: Kanban drag & drop, paleta ⌘K, dropzone y tarjetas 3D.

KanbanCommandPaletteFileUploadTiltCard

17 componentes

Patterns

Composiciones listas para usar: KPIs, perfiles, precios, eventos, posts y más.

StatCardMetricCardBentoCardCryptoCardAchievementCard+12 más

Marea · catálogo de componentes — tsukira-ui × paleta Marea