COMPONENTES (35)
Explora la lista completa de componentes ordenados por categoría. Haz clic en cualquiera para ver su vista previa en vivo, propiedades de TypeScript y comando de instalación.
// 01_CORE UI & TELEMETRY
Botón mecánico Neo-Brutalista con 5 variantes y síntesis de clic Web Audio API.
ryukami-ui add button → Etiquetas y pastillas TUI de estado con sombra dura de -2px 2px.
ryukami-ui add badge → Ventana de consola TUI interactiva con controles geométricos [ - ][ □ ][ × ].
ryukami-ui add card → Representación física de teclas de atajos de teclado ([Ctrl] + [K]).
ryukami-ui add kbd → Barra de progreso segmentada estilo BIOS con lectura ASCII [████████░░░░] en vivo.
ryukami-ui add progress-bar → Identificador cuadrado de operador TUI con indicador de estado (ONLINE/BUSY/IDLE).
ryukami-ui add avatar → Bloque de carga de búfer ASCII ([ ░░░ SYNC ░░░ ]) con estructura brutalista.
ryukami-ui add skeleton → Tarjeta de métrica KPI con delta porcentual (▲/▼) y sparkline ASCII [▁▂▃▅▆▇█].
ryukami-ui add stat-card → Etiqueta emergente accesible por teclado y hover con sombra dura -2px 2px.
ryukami-ui add tooltip → // 02_FORM CONTROLS
Campo de entrada brutalista con prefijo de terminal ($ / tcp://), hints y validación.
ryukami-ui add input → Editor multilínea de búfer UTF-8 con contador en vivo de líneas y bytes.
ryukami-ui add textarea → Selector desplegable brutalista con prefijo OPT // e indicador mecánico.
ryukami-ui add select → Control deslizante de rango con barra de caracteres ASCII [====|----] en tiempo real.
ryukami-ui add slider → Selector exclusivo de opciones con indicadores de terminal ( • ) y ( ).
ryukami-ui add radio-group → Casilla de verificación cuadrada con marca geométrica [X] y descripción.
ryukami-ui add checkbox → Interruptor táctil deslizante (role="switch") con variantes crimson, cyan y gold.
ryukami-ui add switch → // 03_LAYOUT & MODALS
Paneles multipestaña TUI con navegación por flechas de teclado y sonido mecánico.
ryukami-ui add tabs → Acordeón exclusivo nativo con <details name="..."> accesible y buscable en página.
ryukami-ui add accordion → Ruta de navegación estilo sistema de archivos Unix (~/ryukami/core/nodes).
ryukami-ui add breadcrumb → Barra de paginación mecánica TUI ([ ◄ PREV ] [ 01 ] [ 02 ] [ NEXT ► ]).
ryukami-ui add pagination → Globo flotante de telemetría con API nativa popover="auto" sin dependencias JS.
ryukami-ui add popover → Callouts de sistema con 4 niveles de severidad (crimson, gold, cyan, emerald).
ryukami-ui add alert → Callout canónico compatible con Obsidian ([!dragon], [!scorch], [!terminal], [!tui], [!summary]).
ryukami-ui add callout → Diálogo modal nativo <dialog closedby="any"> con bloqueo de scroll de fondo.
ryukami-ui add modal → Panel lateral deslizante nativo <dialog closedby="any"> con posición izquierda o derecha.
ryukami-ui add drawer → Motor global de notificaciones flotantes con síntesis de audio por severidad.
ryukami-ui add toast-container → Consola de comandos interactiva (Ctrl+K) con buscador en vivo y atajos de teclado.
ryukami-ui add command-palette → Sistema modular de grillas Neo-Brutalistas (1x, 2x, 3x) con telemetría y cabeceras TUI.
ryukami-ui add bento-grid → // 04_SCORCH STUDIO
Tabla de datos interactiva con filtrado en vivo, ordenamiento por columna y badges de estado.
ryukami-ui add data-table → Visor de código TUI con numeración de líneas, resaltado diff (+/-) y copiado en 1 clic.
ryukami-ui add code-block → Sintetizador interactivo de 4 pads acústicos Web Audio API (0 KiB MP3).
ryukami-ui add audio-synth → Consola interactiva en vivo (0xSCORCH_SHELL) con comandos (neofetch, status, dragon, cli, theme, clear).
ryukami-ui add terminal-emulator → Visor interactivo [ PREVIEW | CODE | PROPS ] con botón de copiado de CLI y código en 1 clic.
ryukami-ui add component-preview → Laboratorio en vivo de tokens CSS, sombras brutalistas y trama halftone con exportador.
ryukami-ui add theme-studio → Forja de banners ASCII 8-bit y emblema Scorch en tiempo real.
ryukami-ui add ascii-generator →