jrdan-ui

Why I built this

I kept rebuilding the same UI components across different projects —
buttons, cards, selects — all with the same 3D look I wanted. So I turned them into a reusable library that I could install with a single command.

The 3D Style

Every interactive element has a subtle depth effect: it rises when you
hover and presses down when you click. This gives the interface a tactile, physical feel that makes it more engaging to use.

How it works

The library is published on npm and can be installed in any React
project. It comes with a Storybook documentation site where you can preview and interact with every component.

Automated CI/CD ensures that every change goes through linting, testing, and building before being published — so the library is always stable and ready to use.