~/demos/quotes

Quote Builder.

Type on the left, document updates on the right. Add line items, apply discounts and tax, send a clean PDF — without opening Word.

reacttypescriptformslive previewruns locally

// the problem

When the quote is a Word doc.

Every new project is a copy of last week's quote, with the math redone by hand and a logo that's slightly off-color.

~/the-problem.sh

$ duplicate quote-template-FINAL-v3.docx

The subtotal in the body and the subtotal in the footer don't match. You don't notice until the client does.

The PDF you send has last client's name in the header.

You can't tell whether the client has actually opened it, let alone accepted.

// the solution — try it

A live document, no Word required.

Edit on the left, watch the quote rebuild on the right. Math always adds up, layout never breaks.

~/quotes.applive

// quote details

clientvalid throughproject

// line items4 rows

descriptionqtyratetotal

$480.00

$1,150.00

$2,640.00

$380.00

// adjustments

discount

tax

// notes & terms

// send to client

// demo only · no email is sent

~/q-2026-0717.pdf · live preview$4,650.00

Fritz Automation

burlington · iowa

quote

Q-2026-0717

issued Jul 17, 2026

valid until Aug 16, 2026

prepared for

Iowan Foodie LLC

Website refresh + content sweep

itemqtyratetotal

Discovery + content audit4$120.00$480.00

Design system + wireframes10$115.00$1,150.00

Frontend build (Next.js)24$110.00$2,640.00

Launch + handoff4$95.00$380.00

subtotal$4,650.00

total$4,650.00

notes & terms

Deposit (30%) due to start. Balance on launch. Includes one round of revisions per phase.

accepted by

date

// in production

What this becomes when it's real.

►~/in-production.mdavg setup: 2–4 weeks

✓01 / brand

Looks like your business

Your logo, your colors, your fonts. Quotes feel like part of your studio, not a Gmail draft.

✓02 / accept

A clickable accept link

Clients accept and sign in their browser. Acceptance writes a timestamp + IP back to you for the record.

✓03 / convert

Quote → invoice in one click

Accepted quotes turn into Stripe invoices automatically. Deposit terms carry over. No double entry.

✓04 / templates

Reuse what works

Save common scopes as templates — discovery, build, retainer — and start the next quote in 30 seconds.

→ This demo runs entirely in your browser. Nothing is uploaded, nothing is sent.

// like what you see?

Need something like this?

I build branded quoting and proposal tools that ladder into your invoicing, CRM, and accept-online flow.

next build

$ compiling route

▮▮▮▮▮▮▮▮▮▮▮▮

// this usually takes no time at all