SatoriUI

Pricing

Three plans with a monthly and yearly switch. The recommended plan takes the one emphasised surface a view gets.

Pricing

Pay for the billing you do

Every plan includes unlimited invoices. Change or cancel whenever you like.

Starter

For a founder sending the first invoices.

$0per seat / month

Free for ever

Start free
  • Up to 3 customers
  • Invoices and receipts
  • Card payments
  • Email support

Growth

Most teams

For a team that bills every week.

$39per seat / month

$468 billed yearly

Start 14-day trial
  • Unlimited customers
  • Recurring billing
  • Dunning and reminders
  • Five seats
  • Priority support

Scale

For finance teams with an auditor.

Custom

Annual contract

Talk to sales
  • Everything in Growth
  • SSO and audit log
  • Custom contracts
  • Unlimited seats
  • A named contact

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/pricing-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 { Pricing01 } from "@/components/satori-ui/blocks/pricing-01";
    export default function Page() {
      return <Pricing01 />;
    }

How it adapts

It is built from shadcn/ui primitives, Badge, Button and Tabs, which every design system re-skins.

For what shadcn has no name for, it uses 10 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-stat
KPI numbers
ds-label
Data labels
ds-meta
Small values
ds-text
Body copy
ds-small
Secondary copy
ds-tile
Surfaces it draws itself
ds-tile-emphasis
The one emphasised surface
ds-ink
Action-coloured text

The same ds-stat is a 32px bold system-font number in Cueit (SF Pro on Apple devices) and a smaller, medium-weight Instrument Sans one in Skita.

Next blockHero