
As we prepared to completely redesign one of my existing applications, I didn't want to lose the Neomorphic (Soft UI) theme I had built from scratch. Neomorphism often faces criticism in the web ecosystem for accessibility issues, poor contrast, and unstable implementations derived from mere concept mockups. I therefore decided to extract, formalize, and mathematically standardize the theme's foundations to create a genuine, production-ready open-source component library. Inspired by modern design platforms like React Bits and shadcn/ui, the project takes the form of a dynamic, interactive catalog where developers can preview, test, and copy-paste tactile components for React and Tailwind CSS.
I managed the entire project lifecycle single-handedly. I began by reverse-engineering my own legacy CSS codebase to extract tokens and isolate elevation inconsistencies. I then designed and developed the entire documentation platform using React, structured the token system for Tailwind CSS, and programmed each of the 28 components.
Project Gallery

Rather than developing a restrictive npm package with closed components, I adopted a modern code registry approach: each component operates independently and relies on CSS variables injected via the Tailwind configuration. Architecturally, I decoupled the production components from their definition files to make the registry fully extensible—adding a new variant requires no changes to the global layout, as the inspector dynamically generates previews, controls, and syntax-highlighted code snippets.
More Projects