DEV3 Free Tip and Bill Split Calculator — Source Code (React + Tailwind)

Free source code for the Tip and Bill Split Calculator: a tip and bill-split calculator working in integer cents so shares always add up exactly, with tax, round-up and uneven-cent allocation. Sign in to download.

by DEV3 TechnologiesVerified Author(0) 0 downloads 0 viewsUpdated 06 Nov 2026

Tip and Bill Split Calculator preview

Source code of the DEV3 Tip and Bill Split Calculator, a tip and bill-split calculator working in integer cents so shares always add up exactly, with tax, round-up and uneven-cent allocation.

Free download: sign in to any DEV3 account and click Download ZIP. Try it live: https://dev3.tech/tools/tip-bill-split-calculator shows the finished tool running.

What is in the download

  • A standalone Vite + React + TypeScript + Tailwind CSS project: src/tool holds the tool, shared pieces sit beside it
  • package.json with exact versions plus a lockfile, so npm ci works
  • README.md (run, build, embed in Next.js or plain React) and an MIT LICENSE

What the code does

  • Tip before or after tax, tax-inclusive bills
  • Round each share up with the extra added to the tip
  • Exact per-person shares that sum to the total
  • Quick tip buttons and copyable summary

Tech stack

React 19, TypeScript, Vite, Tailwind CSS 4.

Install and customise

The How to install and How to use tabs list the steps. In short: unzip, npm ci, npm run dev, then copy the tool folder into your own app if you want to embed it.

Good to know

  • A browser-only tool: there is no backend or database in the code.

Frequently asked questions

The complete source code (version 1.0.0) as a download from your account, with the setup and usage guides shown on this page. It is free: sign in to download it.

More from this author

View all

Related in Web Scripts & Software

View all