← Voltar para projetos

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

Galeria