Blueprint # Billing Desk Invoicing app for freelancers and small studios: an invoice list with draft, sent, overdue and paid filters and an aging summary; an invoice builder with line items, tax per line, discounts, currency, due date, notes and a live PDF-like preview whose totals are exact integer cents; an invoice page with payment timeline, record payment, reminders on the email templates and download as PDF through print styles; a client directory with balances; estimates that convert into invoices; expenses with receipts and categories; income vs expenses, top clients and outstanding reports; and branding settings for logo text, theme accent and invoice numbering. Screens 7 Framework Next.js App Router · React 19 · Tailwind CSS 4 · shadcn/ui Variants Radix UI and Base UI Install One command, every screen Screens 7 /billing-desk/invoices [New tab](https://agentic-ui-kit.com/billing-desk/invoices)[Try a theme](https://agentic-ui-kit.com/themes) ## What is implemented - The App Router routes above, each composed from catalog components. Interactive UI states such as menus, dialogs, filters and tabs work as in the viewer. - Sample data that ships with each component, so the screens render without a backend. - Light and dark themes. ## What you supply - Your data: API routes or a backend in place of the sample data. No backend is included. - Authentication and authorization. - Persistence: database, file storage and any server-side state. - Business rules and server-side validation. ## Install Radix UI project ``` npx shadcn@4.17.0 add @agentic-ui/blueprint-billing-desk ``` Checked: installs and builds in a clean Next.js project. Base UI project ``` npx shadcn@4.17.0 add @agentic-ui/blueprint-billing-desk ``` Checked: installs and builds in a clean Next.js project. Your project must be connected to the private registry first: [installation guide](https://agentic-ui-kit.com/docs#start-from-blueprint). ## Components it uses - [App Shell Billing Desk Shell](https://agentic-ui-kit.com/components/billing-desk-shell) - [Invoices Billing Desk Invoices](https://agentic-ui-kit.com/components/billing-desk-invoices) - [Invoice Builder Billing Desk Invoice Builder](https://agentic-ui-kit.com/components/billing-desk-invoice-builder) - [Invoice Detail Billing Desk Invoice Detail](https://agentic-ui-kit.com/components/billing-desk-invoice-detail) - [Invoice Document Billing Desk Invoice Sheet](https://agentic-ui-kit.com/components/billing-desk-invoice-sheet) - [Clients Billing Desk Clients](https://agentic-ui-kit.com/components/billing-desk-clients) - [Estimates Billing Desk Estimates](https://agentic-ui-kit.com/components/billing-desk-estimates) - [Expenses Billing Desk Expenses](https://agentic-ui-kit.com/components/billing-desk-expenses) - [Reports Billing Desk Reports](https://agentic-ui-kit.com/components/billing-desk-reports) - [Branding Billing Desk Branding](https://agentic-ui-kit.com/components/billing-desk-branding) - [Line Items Editor Form Field Array](https://agentic-ui-kit.com/components/form-field-array) - [Validation Summary Form Validation Summary](https://agentic-ui-kit.com/components/form-validation-summary) - [Client Tags Form Tag Input](https://agentic-ui-kit.com/components/form-tag-input) - [Bulk Actions Data Bulk Action Bar](https://agentic-ui-kit.com/components/data-bulk-action-bar) - [Details List Data Description List](https://agentic-ui-kit.com/components/data-description-list) - [Invoice Email Email Receipt](https://agentic-ui-kit.com/components/email-receipt) - [Print Layer Util Print Styles](https://agentic-ui-kit.com/components/util-print-styles) - [Export Menu Util Export Menu](https://agentic-ui-kit.com/components/util-export-menu) - [Trend Cards Chart Sparkline](https://agentic-ui-kit.com/components/chart-sparkline) - [Cash Bridge Chart Waterfall](https://agentic-ui-kit.com/components/chart-waterfall) - [Reference Invoice Create Payments Invoice Create PDF](https://agentic-ui-kit.com/components/payments-invoice-create-pdf) - [Reference Invoice List Payments Invoice List Metrics](https://agentic-ui-kit.com/components/payments-invoice-list-metrics) - [Reference Invoice Detail Payments Invoice Detail Split](https://agentic-ui-kit.com/components/payments-invoice-detail-split) - [Reference Client Directory Payments Customer Directory](https://agentic-ui-kit.com/components/payments-customer-directory) - [Reference Income Expense Finance Income Expense Timeseries](https://agentic-ui-kit.com/components/finance-income-expense-timeseries)