Neumorphism
UI suave que passa no WCAG AA: uma única folha de silicone verde-teatro, uma lâmpada e um motor de relevo que deriva cada sombra, cada vão e cada tinta resolvida a partir de um ângulo de luz, então mover a lâmpada reilumina toda a UI.
Feito para: Saúde, casa, hardware e quem teve a UI suave reprovada numa auditoria de acessibilidade
Páginas
Neumorphism Componentes, WebUma bancada com um dial de lâmpada e uma auditoria AA ao vivo: mova a lâmpada e cada sombra da página acompanha, troque a folha e as tintas são resolvidas de novo, desligue as sombras e todo estado continua legível
Fourhourly Dashboard, WebUm quadro de enfermaria em que cada tecla de leito fica tão afastada da folha quanto sua faixa NEWS2 real: insira um conjunto de sinais e a aritmética reescreve o H1, e o mesmo fato é impresso como número, palavra e forma
Sill Dashboard, WebUma planta baixa moldada na folha com o sol real como lâmpada da UI: percorra o dia e cada sombra da página gira, a luz do sol cruza cada andar, uma dobra térmica escreve o H1 e o tema escurece ao pôr do sol
Fourfive Landing page, WebUm verificador de contraste cujo H1 é a razão medida desta página: pinte a página como um template de neumorfismo e ela realmente falha em 2.28:1, depois resolva as tintas e veja as verificações ficarem verdes
Sixkey Landing page, WebUm controle remoto de silicone com seis teclas que realmente afundam e escrevem o H1, um corte através de uma tecla guiado por uma curva de força real e uma escolha de cor que resolve a página inteira de novo
Wellday App mobile, MobileUm porta-comprimidos de sete por quatro com vãos pressionáveis e o celular encaixado na bandeja: tome uma dose em um e o outro concorda, e o H1 é a próxima dose
O que vem dentro
- 6 páginas, um arquivo cada, sem props
- 10 componentes próprios, escritos para este kit
- 1 motores por trás do comportamento característico
- Fontes com suas licenças OFL: Nm Display, Nm Text
- README com os passos de instalação para Next.js e Tailwind v4 e os termos da licença
Como comprar
Todos os kits estão no goodui Pro: $99 uma vez, com atualizações vitalícias. O Team custa $249 para até 10 desenvolvedores.
O checkout ainda não abriu. Entre na lista e enviaremos o link de pré-venda uma vez.
Com uma chave de licença, pelo seu terminal:
curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-neumorph.zip https://goodui.dev/kits/neumorph.zip