← Back to projects

Project

Card Scanner

Interface visual inspired by digital scanners

The Card Scanner is a visual interface inspired by digital scanners that simulates a 'conveyor belt' of cards passing through a reading line. As the card crosses the scanner, it alternates between a realistic version and an ASCII/encoded version, creating a futuristic scanning effect with particles and glow. The project also includes interaction controls (pause, reset and direction), allowing adjustment and testing of the animation behavior as a basis for future evolutions (editor, flip and card stream).

TypeScript Next.js CSS TailwindCSS

Destaques

  • Design system and responsive screens
  • TypeScript and Next.js architecture
  • Responsive interface with Tailwind CSS

Gallery