Receipt printer

Press its button to print the order. Tear the receipt off to check out.

A free React component from Codebub, made with React · WebGL. See it live at codebub.com/components.

npm i @codebub/receipt-printer

import ReceiptPrinter from '@codebub/receipt-printer'

export default function Page() {
  return (
    <div style={{ width: 400, height: 800 }}>
      <ReceiptPrinter />
    </div>
  )
}

It fills the box you put it in, so give that a size: it's made for 400 by 800. Props: className, style, sound (on unless false). It draws in a shadow root of its own, so its styles and your page's never meet. React 19 and three.js (installed with it).

MIT licensed.