Neumorphism
Une UI douce qui passe WCAG AA : une seule feuille de silicone vert théâtre, une lampe, et un moteur de relief qui déduit chaque ombre, chaque creux et chaque encre résolue d’un angle de lumière, si bien que déplacer la lampe rééclaire toute l’UI.
Conçu pour: Santé, maison, hardware et tous ceux dont l’UI douce a échoué à un audit d’accessibilité
Pages
Neumorphism Composants, WebUn établi avec un cadran de lampe et un audit AA en direct : déplacez la lampe et chaque ombre de la page suit, changez la feuille et les encres sont résolues de nouveau, coupez les ombres et chaque état reste lisible
Fourhourly Dashboard, WebUn tableau de service où chaque touche de lit se tient à la distance de la feuille que dicte sa vraie tranche NEWS2 : saisissez des constantes et le calcul réécrit le H1, et le même fait est imprimé sous forme de nombre, de mot et de forme
Sill Dashboard, WebUn plan d’étage moulé dans la feuille avec le vrai soleil comme lampe de l’UI : faites défiler la journée et chaque ombre de la page tourne, la lumière traverse chaque étage, un pli thermique écrit le H1 et le thème passe en sombre au coucher du soleil
Fourfive Landing page, WebUn vérificateur de contraste dont le H1 est le ratio mesuré de cette page : peignez la page comme un template neumorphique et elle échoue vraiment à 2.28:1, puis résolvez les encres et regardez les contrôles passer au vert
Sixkey Landing page, WebUne télécommande en silicone à six touches dont les touches s’enfoncent vraiment et écrivent le H1, une coupe à travers une touche pilotée par une vraie courbe de force, et un choix de couleur qui résout de nouveau toute la page
Wellday App mobile, MobileUn pilulier de sept par quatre de creux à presser, avec le téléphone posé dans le plateau : prenez une dose dans l’un et l’autre suit, et le H1 est la prochaine dose
Ce qu’il contient
- 6 pages, un fichier chacune, sans props
- 10 composants propres, écrits pour ce kit
- 1 moteurs derrière le comportement signature
- Polices avec leurs licences OFL : Nm Display, Nm Text
- README avec les étapes d’installation pour Next.js et Tailwind v4, et les conditions de licence
Comment acheter
Tous les kits sont dans goodui Pro : $99 une fois, avec les mises à jour à vie. Team coûte $249 pour 10 développeurs maximum.
Le paiement n’est pas encore ouvert. Inscrivez-vous sur la liste et nous vous enverrons une seule fois le lien de prévente.
Avec une clé de licence, depuis votre terminal :
curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-neumorph.zip https://goodui.dev/kits/neumorph.zip