Projeto
Card Scanner
Interface visual inspirada em scanners digitais
O Card Scanner é uma interface visual inspirada em scanners digitais que simula uma “esteira” de cartões passando por uma linha de leitura. Conforme o cartão cruza o scanner, ele alterna entre a versão realista e uma versão ASCII/codificada, criando um efeito de varredura futurista com partículas e glow. O projeto também inclui controles de interação (pause, reset e direção), permitindo ajustar e testar o comportamento da animação como base para futuras evoluções (editor, flip e stream de cartões).
TypeScript Next.js CSS TailwindCSS
Destaques
- Design system e telas responsivas
- Arquitetura Typescript e Next.js
- Interface responsiva com Tailwind CSS