Skip to content

Live examples

The native-first items in the registry are markup plus CSS on platform elements. Every example below uses the same tokens and component CSS that the registry ships, so what you see here is what you get after npx shadcn@latest add @ndigo/<item>.

DraftNewPaidPendingOverdue

Heads up

This is an informational message.

Saved

The invoice was updated.

Pending

Review before publishing.

Error

Something went wrong.

We only use this for account notices.

Plan

Quarterly report

Revenue and retention for Q3.

Download the PDF or open the dashboard.

  • AL
    Ada LovelaceEngineering
  • GT
    Grace HopperCompilers

Release notes

The registry now ships 39 items.

  • New tokens
  • Copy-in components
Own the code you ship.

Press Ctrl + K to search.

⌘K
LeftRight
Open invoices
InvoiceCustomerTotal
INV-001Acme$120.00
INV-002Globex$85.00