Features
Six features on tiles, each an icon, a name and one sentence, under a heading that slides up as it scrolls into view.
Features
Everything between sending and getting paidEverything between sending and getting paid
Duebird covers the whole path of an invoice, so nothing falls between two tools.
Invoices in a minute
Start from the last one you sent. Line items, tax and terms carry over, and the total checks itself.
Reminders that sound like you
Polite on day one, firmer on day ten, and they stop the moment the customer pays.
Card, bank and wallet
Customers pay from the invoice in the way they prefer. Money lands in two working days.
Thirty currencies
Bill in the customer's currency and get paid in yours, at the rate shown on the invoice.
Cash flow at a glance
See what is due this week, who is late and what next month looks like, without a spreadsheet.
Ready for the auditor
Every change is logged with who made it and when. Export a year of records in one file.
Installation
1. Install a design system if the project does not have one yet: Cueit, Skita or Folio.
2. Add the block. It installs to
components/satori-ui/blocks/with the shadcn/ui primitives it uses.npx shadcn@latest add @satoriui/features-013. Render it inside the system's scope. With the scope class on
<html>there is nothing more to do. To try another system, change the class.app/page.tsx12345import { Features01 } from "@/components/satori-ui/blocks/features-01";export default function Page() {return <Features01 />;}
How it adapts
For what shadcn has no name for, it uses 7 of the shared contract utilities. Every system defines them identically and sets the variables they read.
ds-title- The title
ds-subtitle- The subtitle
ds-label- Data labels
ds-text- Body copy
ds-small- Secondary copy
ds-tile- Surfaces it draws itself
ds-well- Icon washes