Recommended UI

These pages specify the standard user interface every accounting system built on Crane Ledger should include. Hand these docs to an AI agent alongside the API Reference to build a complete application.

Stack

Setup

npx create-next-app@latest my-accounting-app --typescript --tailwind --app
cd my-accounting-app
npx shadcn@latest init
npx shadcn@latest add button dialog input label select table tabs badge skeleton alert toast sidebar sheet form

Configure your API client:

const API_BASE_URL = process.env.NEXT_PUBLIC_CRANE_API_URL ?? 'https://api.craneledger.ai';

Foundations

Core Ledger

Sales (AR)

Purchases (AP)

Catalog

Multi-Currency

Reporting

Admin & Compliance

Need help?

Create a free account to access our support portal. Once signed in, use the Support tab in your dashboard to submit a support ticket — our team typically responds within 24 hours.