Aakash

Receipt Printer

Component 2

About

A thermal printer seen from above. Press the red PRINT button and a receipt rises smoothly out of the slot with a motor whir. The paper is one continuous strip: press PRINT mid-print to stop, press again to print another receipt joined on, and pull the strip to tear it off along a zigzag edge. Sound toggle included.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Receipt Printer to your project and fits it to your theme.

Code

How Receipt Printer is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { ReceiptPrinter } from "@/components/ui/receipt-printer";

export default function ReceiptPrinterDemo() {
  return <ReceiptPrinter />;
}

Dependencies

More by Aakash

View all
  • Skincare Product Shelf

    Skincare Product Shelf

    589
  • Coffee Pour Menu

    Coffee Pour Menu

    398
  • Holographic Business Card

    Holographic Business Card

    215
  • Disc Reveal List

    Disc Reveal List

    79
  • Nearby Walk Menu

    Nearby Walk Menu

    71
  • Scroll Stacking Cards

    Scroll Stacking Cards

    68
  • Foggy Window Wipe

    Foggy Window Wipe

    54
  • Sports Car Dashboard Menu

    Sports Car Dashboard Menu

    46