Paper Receipt Studio
Edit one to five receipt lines with exact totals calculated in cents. A Canvas mesh folds under your pointer and relaxes on release, with keyboard scrunch and smooth actions plus offline PNG export.
Live demo
Interactive demoEdit items and prices, drag the paper to scrunch it, and use “Keep as PNG” to save the receipt.
Open preview in a new windowMake this effect yours
Includes Skill instructions, a Python generator, an HTML template, design notes, and an offline preview. Requires Python 3.10+ with no additional dependencies. Supports custom text and colors, keyboard controls, and reduced motion.
Download SKILL.md only- Download and unzip
Keep the
paper-receipt-studio/folder. ItsSKILL.mdfile is the Skill entry point, and scripts/ contains the generator, templates/ the HTML template, and references/ the design notes. Open preview.html directly in your browser. - Give it to your AI coding assistant
Add the folder to your project and ask your assistant to read SKILL.md. If your tool supports Skills, follow its installation method.
- Describe the result you want
Create an editable coffee receipt that crumples under the pointer, unfolds on release and downloads as a PNG.
