Café LumbrePlaza del Carmen 3, Granada28/10/2026 · 09:41 · Mesa 6
- 2Café con leche3,20
- 1Tostada tomate2,90
- 1Zumo naranja3,50
- 1Napolitana2,10
Total11,70 €
IVA incluidoTarjeta ****4021
Gracias por venir
Printing receipt card
A thermal receipt that feeds out of a small printer in jerky steps, with a torn zigzag edge, a barcode and a monospaced total.
Settings
Code
<div class="uvq07-rcp on"><div class="pr" aria-hidden="true"><i class="led"></i><i class="sl"></i></div><div class="pp"><div class="tk"><p class="h"><b>Café Lumbre</b><span>Plaza del Carmen 3, Granada</span><span>28/10/2026 · 09:41 · Table 6</span></p><ul><li><span>2</span><span>Latte</span><span>3,20</span></li><li><span>1</span><span>Tomato toast</span><span>2,90</span></li><li><span>1</span><span>Orange juice</span><span>3,50</span></li><li><span>1</span><span>Choc croissant</span><span>2,10</span></li></ul><p class="tt"><span>Total</span><b>11,70 €</b></p><p class="iv"><span>VAT included</span><span>Card ****4021</span></p><i class="bc" aria-hidden="true"></i><p class="th">Thanks for coming</p></div></div><button type="button"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 9V3.5h10V9M7 17H4.5v-6.5A1.5 1.5 0 0 1 6 9h12a1.5 1.5 0 0 1 1.5 1.5V17H17M7 14h10v6.5H7z"/></svg>Print receipt</button></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Cards
See all CardsWhere to use it
Receipts are a familiar format for summaries, and this one is printed in front of the user: the paper slides out of the slot in stepped jumps while the printer light blinks. The zigzag edge is a CSS mask, the barcode a repeating gradient. Use it for order confirmations, café menus, checkout summaries or playful year-in-review pages.
The main color tints the light, the button and the total; the second color is the printer body. Edit the lines and the shop name, and keep item names short so the columns stay aligned.