Neumorphism – 8 Free CSS, Bootstrap & Tailwind Sets
Neumorphism is a free soft UI kit of eight sets, designed and maintained in-house by uiCookies. Every set comes in three versions that look the same: plain HTML and CSS, Bootstrap 5 with its own buttons, form controls, cards, navs, pagination, alerts, toasts and dropdowns restyled through CSS variables, and Tailwind CSS 4 with the shadows exposed as theme utilities. The sets cover buttons and switches, form controls with a login card, cards, navigation, overlays and feedback, smart-home widgets, a dark variant and a full smart-home dashboard. They all read the same token block, so one change to the background, the shadow depth or the accent restyles the whole kit.
Neumorphism has a reputation for failing accessibility, and most examples earn it: controls are cut from the background with two soft shadows, so their edges are faint, focus is invisible, and a pressed button looks almost the same as a released one. This kit keeps the look and fixes those three problems. Every control has a 1px edge that reaches 3:1 against the surface and text reaches 4.5:1. Keyboard focus is a 3px accent ring drawn outside the shadow. On, selected and current states change shape and also add an accent colour, a dot, a bar or a word such as On, so they read without the shadow. When a user asks for more contrast, the shadows are dropped and every control is drawn with a solid outline.
