Receipt Printer

Turn a plain “thanks for your order” page into a moment people remember. Receipt Printer is an order confirmation card styled like a real thermal receipt, with torn paper edges, monospace type, dashed dividers and a barcode. When it scrolls into view, it feeds out of a tiny printer line by line. Then a “Paid” stamp thuds onto the totals, the badge ticks itself off and confetti pops.

It’s a working invoice too. Add your line items, tax, shipping and discount, and the totals calculate themselves in any currency. One click prints just the receipt, sized to 80mm. Everything is editable from the properties panel, so there’s no code to touch.

Features

• Printer animation: stepped, motor-like paper feed with a status light that blinks while printing

• Real printing: prints only the receipt at 80mm, stamp included, effects left out

• Auto totals: subtotal, discount, shipping and tax, formatted for any currency and locale

• Editable line items: add, remove and reorder items with name, quantity and price

• Custom stamp: “Paid”, “Shipped” or anything you like, plus confetti and a self-drawing check

• Sound: printer buzz, ding and stamp thunk, synthesized with no audio files and played on click only

• Micro-interactions: 3D hover tilt, item highlights, click-to-copy order number and a barcode scanner laser

• Responsive: type and spacing scale with the card, from 240px up to your max width

• Torn paper edges: real zig-zag cutouts that work on any background

• Themable: paper, ink, accent and printer colors, plus font, max width and print speed

• Accessible: animations are skipped for reduced motion, and the canvas shows the finished receipt

• Flexible trigger: print when scrolled into view, or wait for the button