jrdan-ui
Por que criei isso
Eu ficava recriando os mesmos componentes de UI em projetos diferentes —
botões, cards, selects — todos com o mesmo visual 3D que eu queria. Então
transformei tudo em uma biblioteca reutilizável que posso instalar com
um único comando.
O Estilo 3D
Cada elemento interativo tem um efeito sutil de profundidade: ele sobe
quando você passa o mouse e pressiona quando clica. Isso dá à interface
uma sensação tátil e física que torna a experiência mais envolvente.
Como funciona
A biblioteca é publicada no npm e pode ser instalada em qualquer projeto React. Ela vem com um site de documentação no Storybook onde é possível visualizar e interagir com cada componente.
CI/CD automatizado garante que cada alteração passa por linting, testes e build antes de ser publicada — assim a biblioteca está sempre estável e pronta para uso.
jrdan-ui
março de 2026
frontendBiblioteca de componentes React open-source com elementos UI em estilo 3D, construída sobre Radix UI e Tailwind CSS v4. Publicada no npm como @jrdan-dev/jrdan-ui.