Projeto open source
O meu UI kit de 2023
UI kit open source criado por Sergei Solod em 2023, antes do boom da IA. Explore componentes frontend testados em trabalho real, demos localizadas e o projeto que usei durante muito tempo.
Criado antes do boom da IA e usado em trabalho real
Isto não é um showcase gerado. É o meu kit frontend original com formulários, botões, modais, tabelas, gráficos, calendários, navegação e padrões de upload de ficheiros, usado durante muito tempo antes de o publicar como open source dentro do JSVar.
Campos de entrada
Campos de texto, textarea, telefone, email e senha com validação.
Botões
Ações primárias, secundárias, compactas, desabilitadas e com estilo personalizado.
Campos de seleção
Seleção única e múltipla para valores simples e matrizes de objetos.
Carregando
Bloqueio do estado de carregamento para ações assíncronas.
Acordeão
Bloco de conteúdo expansível com comportamento de abertura de cada vez.
Mensagens
Mensagens de sucesso e erro com ação de confirmação.
Modal
Caixa de diálogo de confirmação com fluxos claros de aceitação e cancelamento.
Paginação
Entrada de página editável com controles anteriores e seguintes limitados.
Interruptor
Controle booleano compacto para configurações simples do produto.
Painel pop-up
Painel pop-up para detalhes secundários e leitura contextual.
Idiomas
Demonstração do seletor de idioma construída com base nos metadados de 21 localidades do JSVar.
Tabelas
Tabelas básicas, detalhes de linhas e mapas térmicos de densidade.
Gráficos
Demonstrações de gráficos empilhados, agrupados, mistos, de linha, de área e de pizza.
Calendários
Seleção de data localizada para valores de início e término emparelhados.
Soltar ficheiros
Destino de arquivo de arrastar e soltar com uma ação de upload correspondente.
Navegação
Navegação de seção no módulo do mesmo modelo de seção.
Esboço
Sobreposição protetora para estados inacabados ou limitados pela janela de visualização.
Vitrine
Parque de jogos de componentes
Use a barra lateral para navegar por cada família de componentes e testar o comportamento da portabilidade.
Seção atual
01/17Campos de entrada
Campos de texto, textarea, telefone, email e senha com validação.
Seção atual
Campos de entrada
Campos de texto, textarea, telefone, email e senha com validação.
Caracteres: 0/1000
Campo padrão
Este campo contém um valor inválido.
Verificado em desfoque
Com sugestões de domínio
Mais de 10 caracteres, letras maiúsculas e minúsculas, número, símbolo