Neumorphism

Soft UI that passes WCAG AA: one sheet of theatre-green silicone, one lamp, and a relief engine that derives every shadow, well and solved ink from a light angle, so moving the lamp re-lights the whole UI.

Built for: Health, home, hardware and anyone whose soft UI failed an accessibility audit

Recording of Neumorphism, 16 s. The paid code doesn't run on this site.

Pages

  1. Neumorphism Components, WebA bench with a lamp dial and a live AA audit: move the lamp and every shadow on the page follows, swap the sheet and the inks are solved again, turn shadows off and every state still reads
  2. Fourhourly Dashboard, WebA ward board where each bed key stands as far off the sheet as its real NEWS2 band: enter a set and the arithmetic rewrites the H1, and the same fact is printed as a number, a word and a shape
  3. Sill Dashboard, WebA floor plan moulded into the sheet with the real sun as the UI lamp: scrub the day and every shadow on the page turns, sunlight crosses each floor, a thermal fold writes the H1 and the theme goes dark at sunset
  4. Fourfive Landing page, WebA contrast checker whose H1 is the measured ratio of this page: paint the page like a neumorphism template and it really fails at 2.28:1, then solve the inks and watch the checks go green
  5. Sixkey Landing page, WebA six-key silicone remote whose keys really sink and write the H1, a section through a key driven by a true force curve, and a colour choice that re-solves the whole page
  6. Wellday Mobile app, MobileA seven-by-four pill box of pressable wells with the phone seated in the tray: take a dose in either one and the other agrees, and the H1 is the next dose

What's inside

  • 6 pages, one file each, no props
  • 10 components of its own, written for this kit
  • 1 engines behind the signature behaviour
  • Fonts with their OFL licenses: Nm Display, Nm Text
  • README with install steps for Next.js and Tailwind v4, and the license terms

How to buy

All kits are in goodui Pro: $99 once, with lifetime updates. Team is $249 for up to 10 developers.

Checkout isn't open yet. Join the list and we send you the early-bird link once.

Checkout opens soon. We email you once, with your early-bird link.

Compare plans

Included in goodui Pro. Paste your license key; it stays in this browser.

No license yet? See pricing

With a license key, from your terminal:

curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-neumorph.zip https://goodui.dev/kits/neumorph.zip