Neumorphism UI kit

Neumorphism presses the interface out of a single colour: controls rise from the ground or sink into it, drawn by a light and a dark shadow. Its known weakness is contrast, so states here are carried by depth and by a real accent, and labels stay at 4.5:1.

Pictures and recordings of the real kit. The paid code doesn't run on this site.

Components

  • Neumorphism

    A 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

Dashboard kit

  • Fourhourly

    A 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

  • Sill

    A 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

Mobile kit

  • Wellday

    A 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

  • Wellday: Medication tracker in soft UI that passes WCAG AAWellday

    Medication tracker in soft UI that passes WCAG AA

Landing pages

  • Fourfive

    A 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

  • Sixkey

    A 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

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