Credit Card Calculator
Embeddable payoff calculator that models multiple cards and shows when you’ll be debt-free.
Overview:
A quick exploration of a responsive widget for comparing payoff dates and total interest across one or many cards. Inline edits update instantly, and a stacked yearly chart keeps the big picture clear.
Desktop
Default: One card
A single card with payoff date, total interest, and a simple yearly balance chart.
Two cards, real‑time comparison
Adding a second card updates the payoff date and interest immediately; the chart stacks by year.
Scales to six cards
Color-coded cards scale cleanly; the legend and bars share the same hues for traceability.
Inline editing with focused state
Expand a card to adjust balance, APR, and payment without losing context.
Mobile
One → two cards flow
Mobile widget showing single card, add-card state, and two-card comparison with updated totals.
Six-card list, edit & delete
Mobile widget with six cards, inline edit fields, swipe-to-delete affordance, and stacked repayment chart.