Most modern interfaces are built from familiar pieces.

Buttons, cards, inputs, dropdowns, dialogs. We have excellent libraries for all of them. Yet when you browse enough products, you start noticing something: many interfaces feel remarkably similar.

I wanted to explore a different visual direction.

That's why I built "baloot-neomorphic-ui" ( https://github.com/sajjadcodes/baloot-neomorphic-ui ), a reusable neomorphic UI component library for Next.js App Router and Tailwind CSS v4.

The idea was simple: take the soft depth of neomorphism and turn it into a practical component system developers can use in real applications.

Why neomorphism?

Neomorphism, sometimes called Soft UI, creates depth through subtle highlights and shadows. Instead of relying on strong borders or dramatic contrast, components appear to rise from or press into their surrounding surfaces.

Done well, the result feels calm, tactile, and distinctive.

But a visual concept is only the beginning.…