edbnedbn/ui
ComponentsTablesChartsPDFsStandards
GitHub stars
Explorer
    • Overview
    • Usage
    • Invoice
    • Credit note
    • Account statement
    • Quote
    • Proposal
    • Statement of work
    • Purchase order
    • Delivery note
    • Letterhead
    • Executive report
    • Financial report
    • Annual report
    • Document layout
    • Company identity
    • Typography
    • Key value
    • Panel
    • Table
    • Totals
    • Metrics
    • Vector chart
    • Image
    • Signature
    • Watermark
    • License and fonts

PDFs

Business documents built with Typst. Install the source, pass typed data, and render locally.

Source you own
Templates and components install into your project as editable Typst files.
Typed data
Parties, dates, and amounts come from TypeScript. Nothing is calculated for you.
Renders anywhere
The same output in the browser or Node. Documents never leave the device.

Billing

  • InvoiceClear line items, payment instructions, and caller-supplied totals.
  • Credit noteDocument adjustments with a clear reference to the original invoice.
  • Account statementPresent account activity, balances, and outstanding amounts.

Sales

  • QuoteA focused offer with service scope, investment, and acceptance.
  • ProposalExplain an engagement through objectives, approach, and investment.
  • Statement of workDefine responsibilities, milestones, deliverables, and approval.

Operations

  • Purchase orderCoordinate purchasing with supplier details and delivery terms.
  • Delivery noteTrack dispatched items and record receipt without exposing prices.
  • LetterheadFormal correspondence with company identity and a signature block.

Reporting

  • Executive reportA ten-page board review with metrics, performance, and decisions.
  • Financial reportConnect financial statements, management commentary, and metrics.
  • Annual reportA structured company review with leadership commentary and results.

Components

  • Document layoutPaper size, margins, running headers, footers, and page controls.
  • Company identityConsistent company details, contact information, and registration.
  • TypographySemantic headings, readable paragraphs, and structured lists.
  • Key valueCompact, readable labels and values for document metadata.
  • PanelA quiet surface for summaries and related document content.
  • TableSemantic tables with repeated headers and content that spans pages.
  • TotalsAligned amounts that stay together at the end of a document.
  • MetricsCoordinated business indicators with supporting context.
  • Vector chartSharp, selectable report content with a textual chart summary.
  • ImageLocal images with descriptions and semantic figure captions.
  • SignatureA print signature line with the signer's name, role, and date.
  • WatermarkAn optional document background marked as a decorative artifact.