Neumorphism
Una UI suave que pasa WCAG AA: una lámina de silicona verde teatro, una lámpara y un motor de relieve que deriva cada sombra, cada hueco y cada tinta resuelta a partir de un ángulo de luz, así que al mover la lámpara toda la UI se reilumina.
Pensado para: Salud, hogar, hardware y cualquiera cuya UI suave suspendió una auditoría de accesibilidad
Páginas
Neumorphism Componentes, WebUn banco de trabajo con dial de lámpara y auditoría AA en vivo: mueve la lámpara y cada sombra de la página la sigue, cambia la lámina y las tintas se resuelven de nuevo, apaga las sombras y cada estado sigue leyéndose
Fourhourly Dashboard, WebUn tablero de planta donde cada tecla de cama se separa de la lámina tanto como su banda NEWS2 real: introduce un conjunto de valores y la aritmética reescribe el H1, y el mismo dato se imprime como número, como palabra y como forma
Sill Dashboard, WebUn plano de planta moldeado en la lámina con el sol real como lámpara de la UI: recorre el día y cada sombra de la página gira, la luz solar cruza cada planta, un pliegue térmico escribe el H1 y el tema se oscurece al atardecer
Fourfive Landing page, WebUn comprobador de contraste cuyo H1 es la proporción medida de esta página: píntala como una plantilla neumorphism y suspende de verdad, con 2.28:1, luego resuelve las tintas y mira cómo las comprobaciones se ponen en verde
Sixkey Landing page, WebUn mando de silicona de seis teclas que de verdad se hunden y escriben el H1, un corte a través de una tecla movido por una curva de fuerza real y una elección de color que resuelve de nuevo toda la página
Wellday App móvil, MóvilUn pastillero de siete por cuatro huecos pulsables con el teléfono asentado en la bandeja: toma una dosis en cualquiera de los dos y el otro está de acuerdo, y el H1 es la próxima dosis
Qué incluye
- 6 páginas, un archivo cada una, sin props
- 10 componentes propios, escritos para este kit
- 1 motores detrás del comportamiento característico
- Fuentes con sus licencias OFL: Nm Display, Nm Text
- README con los pasos de instalación para Next.js y Tailwind v4, y los términos de la licencia
Cómo comprar
Todos los kits están en goodui Pro: $99 pago único, con actualizaciones de por vida. Team cuesta $249 para hasta 10 desarrolladores.
El pago aún no está abierto. Apúntate a la lista y te enviamos una vez el enlace de precio anticipado.
Con una clave de licencia, desde tu terminal:
curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-neumorph.zip https://goodui.dev/kits/neumorph.zip