TabSplit — A Splitwise Alternative

Feb 2026 ↗ Live site

TabSplit was born out of a repeated, highly relatable friction point: college dinners with ten friends where settling the bill turned into a chaotic struggle involving three separate calculators, disputed appetizer shares, and Venmo request math. Existing tools like Splitwise were powerful but suffered from bloated, menu-heavy flows that required setting up groups, logging transactions individually, and manual split calculations.

I wanted to create an alternative that brought physical simplicity to a digital interface. The goal was to build a tool that felt as immediate and tactile as moving cash around a table.

"In designing TabSplit, we moved away from ledger-based bookkeeping and toward a spatial mental model: cards representing items, and circles representing people. Splitting a bill should feel like distributing sticky notes."
Status
Deployed Web App
Stack
Cosmos, Lovable, Claude
Role
Design Engineer, Developer
Date
Feb 2026

The Spatial Mental Model

Most bill splitting apps fail because they force users into abstract bookkeeping forms. TabSplit models the physical table itself. The screen is divided into two primary zones: the Center Table (representing shared items, like a shared pitcher of soda or garlic bread) and My Items (representing personal items, like your entree). Below, you can see the original architectural wireframe side-by-side with an interactive sandbox simulating this exact relationship.

People in session

Center Table

My items

Add items by typing

You
$6.00
A
$6.50
B
$6.50
C
$6.50
Center Table (Shared) $26.00
My Items $6.00
Total Bill $0.00
Your Share $0.00

Click on user avatars (You, A, B, C) to view their personal tabs. Click on any item card to reassign ownership or split it across the table.

Key Design Decisions & Real-World Iterations

Testing the app in the wild with hungry college groups forced us to rethink several assumptions:

Offline Resilience
Thumb Ergonomics
Physical Overrides

Analog Fallbacks for Low Connectivity

Restaurant basements are notorious network dead zones. Rather than locking users out, TabSplit caches all calculations locally on a single host device. If friends don't have cell service or their phones are dead, the host can create "guest profiles" locally and assign items on their behalf.

Insight: Software must degrade gracefully. Offline capability isn't just a technical feature; it is an essential UX requirement for environments like restaurants.

Thumb-Zone Input Placement

In standard forms, input fields sit at the top, forcing you to stretch your thumb. We shifted the item input and price controls to a sticky drawer at the very bottom of the screen. This allows comfortable, rapid single-handed typing while scanning a physical receipt.

Insight: Ergonomics drive speed. Placing inputs in the thumb zone makes scanning and logging a 20-item receipt feel fluid rather than tedious.

Frictionless Drag-and-Assign

Instead of manual split percentages, assigning is tactile. You tap an item and select where it goes. In the real app, we implemented drag-and-drop gestures matching this exact physical card model, letting you slide cards between folders to split or assign them in 200ms.

Insight: Tangible UI elements decrease cognitive load. Moving a visual "soda card" to the Center Table is instantly understood; typing a "25% split ratio" is work.

Reflection

I learned a massive amount from this project. It proved that UI problems cannot be fully solved in a vacuum—they have to be tested against the impatience of hungry people trying to figure out who ordered the extra fries. By embracing multiple rounds of field feedback, TabSplit successfully streamlined group ordering and optimized an inherently messy social interaction.