See who owes what at a glance. The cards add up outstanding, overdue and paid amounts, and the table lists each invoice with a colored status.

What is included

• Four stat cards for outstanding, overdue, paid and draft
• Status tabs with counts
• A table with invoice, client, dates and amount
• Paid, pending, overdue and draft badges
• A search field, a new invoice button and pagination

Where to use it

Use it for an accounting app, a freelancer tool or a billing portal. Replace the clients and the amounts.

How to use it

Copy the component with the copy button and paste it into Figma with Ctrl+V or Cmd+V. The layers keep their auto layout, so you can edit text, colors and spacing. The text uses Plus Jakarta Sans, a free font on Google Fonts. Install it first so the text looks the same.

Light version

This listing is the light version. The dark version is listed separately, so you can pick the one that fits your project.