Proyecto open source
Mi UI kit de 2023
UI kit open source creado por Sergei Solod en 2023, antes del boom de la IA. Explora componentes frontend probados en trabajo real, demos localizadas y el proyecto que usé durante mucho tiempo.
Creado antes del boom de la IA y usado en trabajo real
Esto no es un showcase generado. Es mi kit frontend original con formularios, botones, modales, tablas, gráficos, calendarios, navegación y patrones de subida de archivos, usado durante mucho tiempo antes de publicarlo como open source dentro de JSVar.
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/17Campos de entrada
Campos de texto, área de texto, teléfono, correo electrónico y contraseña con validación.
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