>_
  • Inicio
  • Projetos
  • Blog
  • Livros
>_
  1. Inicio
  2. Projetos
  3. jrdan-ui
Voltar para Projetos

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.

Proximo Projeto

Campaign Manager (Seletivo AWSales)

jrdan-ui

março de 2026

frontend

Biblioteca 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.

Tecnologias

ReactTailwindCSSRadix
Visitar ProjetoCodigo Fonte

>_ jrdan.dev

Engenheiro de software pleno com experiência em desenvolvimento full-stack, infraestrutura em nuvem e otimização de sistemas.

Belo Horizonte, Brazil

Explore

ProjetosLivrosBlogContato

Sobre

Sobre mimExperiênciaRecomendações

Redes Sociais

Github Linkedin

© 2026 Gabriel Jordan