DEV Community

Cover image for Show DEV: Invoice Toolkit — local-first billing documents without signup
Invoice Toolkit
Invoice Toolkit

Posted on

Show DEV: Invoice Toolkit — local-first billing documents without signup

I built Invoice Toolkit for freelancers, contractors, and small businesses that need a practical invoice or estimate without creating another account.

The core tools are free and work directly in the browser. A user can enter common billing fields, review the document, and download a PDF. The site also includes templates, an invoice checker, payment-reminder wording, and related billing utilities.

Why no signup?

For a simple billing document, mandatory onboarding creates friction and asks users to trust a new service with customer details before they have seen any value. Invoice Toolkit keeps drafts in localStorage for the no-signup workflow, so the working data stays on the user's device by default.

The product is deliberately narrow:

  • no account is required for the current tools
  • draft data stays in the browser by default
  • the preview updates as the document changes
  • the finished document can be saved as a PDF
  • the interface works on desktop and mobile

Invoice Toolkit focuses on common invoice fields. It does not claim that a document is tax or legally compliant in every jurisdiction, and it is not a replacement for accounting software or professional advice.

Keeping preview and PDF output aligned

One implementation detail I cared about was avoiding the usual mismatch between an on-screen preview and the downloaded PDF. The preview and PDF path share the same HTML renderer, so spacing, line items, totals, and document structure are based on one source rather than two layouts that can drift over time.

The current stack uses Next.js App Router, TypeScript, Tailwind CSS, React Hook Form, and Zod. PDF generation runs through a server route using Playwright Chromium, while the document data for the no-signup tools is assembled in the browser.

What is included

The site currently covers several everyday billing workflows:

  • invoice creation and PDF download
  • estimates and receipts
  • proforma and commercial invoice documents
  • credit notes
  • common-field checking
  • payment reminder templates
  • small calculators and invoice-number helpers

I also built the public pages so the useful explanations are present in the initial HTML instead of being hidden behind a client-only shell. Each tool has a stable URL, related guidance, and links to the next useful step.

What I am improving next

The main priorities are making document editing faster on small screens, expanding genuinely useful template guidance without creating thin duplicate pages, and keeping the no-signup workflow simple as more tools are added.

If you work with invoices or build local-first web tools, I would appreciate feedback on the workflow and the trade-offs. You can try it here: Invoice Toolkit.

Disclosure: this post is from the Invoice Toolkit project account.

Top comments (0)