Proyecto open source

Mi UI kit de 2023

UI kit open source creado en 2023 y usado en proyectos reales. Explora demos localizadas de formularios, botones, tablas, gráficos, calendarios, navegación y subida de archivos.

17demos interactivas
2023creado en 2023
GitHubrepo open source

Creado para trabajo de producto real

Este es el kit frontend original que usé en proyectos reales antes de moverlo a JSVar. Incluye formularios, botones, modales, tablas, gráficos, calendarios, navegación y patrones de subida de archivos.

Campos de entrada

Campos de texto, área de texto, teléfono, correo electrónico y contraseña con validación.

Botones

Acciones primarias, secundarias, compactas, deshabilitadas y de estilo personalizado.

Campos de selección

Selección única y múltiple para valores simples y matrices de objetos.

Cargando

Bloqueo del estado de carga para acciones asíncronas.

acordeon

Bloque de contenido expandible con comportamiento de apertura de uno a la vez.

Mensajes

Mensajes de éxito y error con acción de confirmación.

modales

Diálogo de confirmación con flujos claros de aceptación y cancelación.

Paginación

Entrada de página editable con controles anteriores y siguientes delimitados.

Interruptor

Control booleano compacto para configuraciones simples del producto.

Panel emergente

Panel emergente para detalles secundarios y lectura contextual.

Idiomas

Demostración del selector de idioma creada en torno a los metadatos de 21 configuraciones regionales de JSVar.

Mesas

Tablas básicas, detalles de filas y mapas de calor de densidad.

Gráficos

Demostraciones de gráficos apilados, agrupados, mixtos, de líneas, de áreas y circulares.

Calendarios

Selección de fecha localizada para valores de inicio y fin emparejados.

Soltar archivos

Destino del archivo de arrastrar y soltar con una acción de carga coincidente.

Navegación

Navegación de secciones dentro del módulo desde el mismo modelo de sección.

trozo

Superposición protectora para estados sin terminar o con ventanas gráficas limitadas.

escaparate

Patio de juegos componente

Utilice la barra lateral para explorar cada familia de componentes y probar el comportamiento transferido.

Sección actual

01/17

Campos de entrada

Campos de texto, área de texto, teléfono, correo electrónico y contraseña con validación.

EspañolES

Sección actual

Campos de entrada

Campos de texto, área de texto, teléfono, correo electrónico y contraseña con validación.

Caracteres: 0/1000

Campo estándar

Este campo contiene un valor no válido.

Comprobado en desenfoque

Con sugerencias de dominio

Más de 10 caracteres, mayúsculas y minúsculas, números y símbolos