MARGHERITA PIZZA
2X CAESAR SALAD
SPAGHETTI CARBONARA
GARLIC BREAD
3X ICED TEA
CHICKEN WINGS
2X FRENCH FRIES
BURGER DELUXE
2X CHOCOLATE CAKE
2X CAPPUCCINO
MOZZARELLA STICKS
2X LEMONADE
TIRAMISU
MARGHERITA PIZZA
$16.00
2xCAESAR SALAD
@ $12.50 each
$25.00
SPAGHETTI CARBONARA
$18.00
GARLIC BREAD
$6.50
3xICED TEA
@ $3.50 each
$10.50
CHICKEN WINGS
$14.00
2xFRENCH FRIES
@ $5.00 each
$10.00
BURGER DELUXE
$15.00
2xCHOCOLATE CAKE
@ $8.00 each
$16.00
2xCAPPUCCINO
@ $4.50 each
$9.00
MOZZARELLA STICKS
$9.50
2xLEMONADE
@ $3.00 each
$6.00
TIRAMISU
$9.00
SUBTOTAL$164.50
TAX$14.65
TOTAL$160.65

Receipt Animation

Back to Experiments

As a weekend project, I decided to create a receipt scanner that could itemize and split a restaurant check. The multi-modal AI models aren't quite reliable enough yet to make it worthwhile, but I quite like this scrolling receipt animation I made.

It uses CSS skews, clipping masks, and the scroll position to animate the receipt curving behind itself, giving a sense of depth to the generated receipt.

Try scrolling up and down to see the animation, or resizing the window.