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 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. 1. Install a design system if the project does not have one yet: Cueit, Skita or Folio.

  2. 2. Add the block. It installs to components/satori-ui/blocks/ with the shadcn/ui primitives it uses.

    npx shadcn@latest add @satoriui/features-01
  3. 3. 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.tsx
    import { 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