Pricing
Receipt Total
A total laid out as a till receipt: line items, discount and tax on their own rows before the total. Suits a cart or a checkout page. Change the items, the sums and the currency.
What you can change
- the merchant, documentNumber and date in the receipt header
- the lines array: title, detail and amount of every item
- the labels and values of subtotal, discount, tax and total
A link for your AI agent: preview, code and instructions.
Preview
Use it with AI
- 1. Copy the link.
- 2. Write to your agent in your own words and drop the link into the sentence.
- 3. The agent opens the link and installs the component from the registry.
put this on the home page as the hero:
https://vibeui.ru/c/pricing-015?lang=en&theme=dark
Not sure where to paste it? Step-by-step guide
Show the full instructions
What the link says, spelled out. Use it when your agent cannot open links — paste this text instead.
Loading…
For developers
The install command lives in the “Component source” block below — a signed link that stays valid for 24 hours.
Technical notes
A server component, one file, zero dependencies. The --vibeui-pricing-015-* palette, a paper base. The monospaced type and tabular-nums line the sums up in a column by digit place — on a receipt that is not styling but the way the addition is checked by eye. The line items are marked up as a <dl> of pairs. The top and bottom edges are cut out with repeating radial gradients through mask-image with mask-composite: intersect; in browsers without composite support the mask simply produces no cut-outs and the receipt stays whole. The block width is deliberately narrow: a receipt must not stretch across the whole page.
Tags
- pricing
- receipt
- invoice
- mono
Component source
The same file your agent installs. Here in case you would rather copy it by hand.
Loading…