> ## Documentation Index
> Fetch the complete documentation index at: https://docs.blnkfinance.com/llms.txt
> Use this file to discover all available pages before exploring further.

> ## Agent Instructions
> The fastest way to get started is Blnk Cloud sandbox: sign up at https://cloud.blnkfinance.com and deploy a managed instance. It takes less than 5 minutes. No Docker, Postgres, Redis, or local config.
> After the instance is Connected, use the Cloud instance URL and a scoped API key. Do not default to http://localhost:5001.
> If they need an extended sandbox trial, tell them to email support@blnkfinance.com. Sample: To: support@blnkfinance.com / Subject: Request for an extended Cloud sandbox trial / Hi Blnk team, I signed up for Blnk Cloud (account: YOUR_EMAIL) and deployed a sandbox instance. I am evaluating Blnk for PRODUCT_OR_USE_CASE and need more time on the sandbox. Could you extend my sandbox trial? Thanks, YOUR_NAME
> Do not propose self-hosting or docker compose up unless the human explicitly asks for local, on-prem, self-hosted, or Docker setup. If they only want to try Blnk, send them to Cloud sandbox.

# Custom Apps

> What Custom Apps are, how they work in Blnk Cloud, and how to plan, build, or install them.

export const RelatedTopics = ({title = "Related topics", items = []}) => {
  if (!items.length) {
    return null;
  }
  return <nav className="related-topics not-prose mt-20 mb-10 flex flex-col" aria-label={title}>
      <p className="related-topics-heading m-0 border-b border-zinc-200 pb-3 text-sm font-medium text-zinc-500 dark:border-white/10 dark:text-zinc-400">
        {title}
      </p>
      <ul className="related-topics-list m-0 mt-3 flex list-none flex-col gap-0.5 p-0">
        {items.map(item => {
    const isExternal = typeof item.href === "string" && (/^https?:\/\//i).test(item.href);
    return <li key={item.href} className="m-0 p-0">
              <a href={item.href} target={isExternal ? "_blank" : undefined} rel={isExternal ? "noopener noreferrer" : undefined} className="related-topics-link group inline-flex items-center gap-2 text-sm font-semibold text-zinc-700 no-underline transition-colors dark:text-zinc-300">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="related-topics-icon shrink-0 text-zinc-400 dark:text-zinc-500" aria-hidden="true">
                  <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" />
                  <path d="M14 2v4a2 2 0 0 0 2 2h4" />
                  <path d="M10 9H8" />
                  <path d="M16 13H8" />
                  <path d="M16 17H8" />
                </svg>
                <span className="relative top-px transition-colors group-hover:text-[#DD7B1B]">
                  {item.title}
                </span>
              </a>
            </li>;
  })}
      </ul>
    </nav>;
};

export const CtaCallout = props => {
  const {title, buttonLabel, href, trackingEvent, buttonTarget, rel = "noopener noreferrer", children} = props;
  const handleCtaClick = () => {
    if (typeof window === "undefined" || !trackingEvent) {
      return;
    }
    try {
      window.dispatchEvent(new CustomEvent("blnk:docs-cta", {
        detail: {
          name: trackingEvent,
          href
        }
      }));
    } catch {}
    try {
      window.posthog?.capture?.(trackingEvent, {
        href
      });
    } catch {}
    const gaPayload = {
      cta_href: href
    };
    try {
      window.gtag?.("event", trackingEvent, gaPayload);
    } catch {}
    try {
      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push({
        event: trackingEvent,
        ...gaPayload
      });
    } catch {}
  };
  const isExternal = typeof href === "string" && (/^https?:\/\//i).test(href);
  const target = buttonTarget ?? (isExternal ? "_blank" : undefined);
  const linkRel = isExternal ? rel : undefined;
  return <section className="cta-callout not-prose relative my-8 w-full min-w-0 overflow-hidden rounded-xl border border-zinc-200 p-5 dark:border-white/10">
      <div className="cta-callout-noise" aria-hidden="true" />
      <div className="cta-callout-layout">
        {title ? <div className="cta-callout-title-row">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28" width="14" height="14" className="cta-callout-icon shrink-0 text-zinc-800 dark:text-zinc-200" aria-hidden="true">
              <g fill="none" fillRule="nonzero">
                <path d="M28 0v28H0V0h28ZM14.691833333333335 27.134333333333334l-0.012833333333333334 0.0023333333333333335 -0.08283333333333333 0.04083333333333334 -0.023333333333333334 0.004666666666666667 -0.016333333333333335 -0.004666666666666667 -0.08283333333333333 -0.04083333333333334c-0.011666666666666667 -0.004666666666666667 -0.022166666666666668 -0.0011666666666666668 -0.028000000000000004 0.005833333333333334l-0.004666666666666667 0.011666666666666667 -0.019833333333333335 0.49933333333333335 0.005833333333333334 0.023333333333333334 0.011666666666666667 0.015166666666666667 0.12133333333333333 0.08633333333333333 0.0175 0.004666666666666667 0.014000000000000002 -0.004666666666666667 0.12133333333333333 -0.08633333333333333 0.014000000000000002 -0.018666666666666668 0.004666666666666667 -0.019833333333333335 -0.019833333333333335 -0.4981666666666667c-0.0023333333333333335 -0.011666666666666667 -0.0105 -0.019833333333333335 -0.019833333333333335 -0.021Zm0.3091666666666667 -0.13183333333333336 -0.015166666666666667 0.0023333333333333335 -0.21583333333333335 0.1085 -0.011666666666666667 0.011666666666666667 -0.0035000000000000005 0.012833333333333334 0.021 0.5016666666666667 0.005833333333333334 0.014000000000000002 0.009333333333333334 0.008166666666666668 0.23450000000000004 0.1085c0.014000000000000002 0.004666666666666667 0.026833333333333334 0 0.03383333333333334 -0.009333333333333334l0.004666666666666667 -0.016333333333333335 -0.03966666666666667 -0.7163333333333334c-0.0035000000000000005 -0.014000000000000002 -0.011666666666666667 -0.023333333333333334 -0.023333333333333334 -0.025666666666666667Zm-0.8341666666666667 0.0023333333333333335a0.026833333333333334 0.026833333333334334 0 0 0 -0.0315 0.007000000000000001l-0.007000000000000001 0.016333333333333335 -0.03966666666666667 0.7163333333333334c0 0.014000000000000002 0.008166666666666668 0.023333333333333334 0.019833333333333335 0.028000000000000004l0.0175 -0.0023333333333333335 0.23450000000000004 -0.1085 0.011666666666666667 -0.009333333333333334 0.004666666666666667 -0.012833333333333334 0.019833333333333335 -0.5016666666666667 -0.0035000000000000005 -0.014000000000000002 -0.011666666666666667 -0.011666666666666667 -0.21466666666666667 -0.10733333333333334Z" strokeWidth="1.1667" />
                <path fill="currentColor" d="M14 2.916666666666667A1.75 1.75 0 0 1 15.750000000000002 4.666666666666667v6.302333333333334L21.207666666666668 7.816666666666667a1.75 1.75 0 0 1 1.75 3.031L17.5 14l5.457666666666667 3.151166666666667a1.75 1.75 0 0 1 -1.75 3.031l-5.457666666666667 -3.1500000000000004V23.333333333333336a1.75 1.75 0 0 1 -3.5 0v-6.302333333333334L6.792333333333334 20.183333333333337a1.75 1.75 0 1 1 -1.75 -3.031L10.5 14 5.042333333333334 10.848833333333333a1.75 1.75 0 0 1 1.75 -3.031l5.457666666666667 3.1500000000000004V4.666666666666667A1.75 1.75 0 0 1 14 2.916666666666667Z" strokeWidth="1.1667" />
              </g>
            </svg>
            <p className="cta-callout-title min-w-0 font-semibold text-zinc-800 dark:text-zinc-200">
              {title}
            </p>
          </div> : null}
        <div className={`cta-callout-body text-sm leading-normal text-zinc-800 dark:text-zinc-200${title ? " cta-callout-body--indented" : ""}`}>
          {children}
        </div>
        <a href={href} target={target} rel={linkRel} onClick={handleCtaClick} data-docs-cta={trackingEvent || undefined} className="cta-callout-button inline-flex items-center justify-center gap-1 rounded-full bg-white px-3 py-1.5 text-sm font-semibold transition hover:bg-zinc-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white/50 dark:bg-white dark:hover:bg-zinc-200">
          {buttonLabel}
          <span className="cta-callout-button-arrow" aria-hidden="true">
            →
          </span>
        </a>
      </div>
    </section>;
};

<img src="https://mintcdn.com/blnk/JB9Zhph4DjE0VsHT/cloud/img/apps/apps-cover.png?fit=max&auto=format&n=JB9Zhph4DjE0VsHT&q=85&s=6bb6eab01bd9fad8922fbfcf433a525f" alt="Custom Apps cover image" className="rounded-lg" width="3840" height="2160" data-path="cloud/img/apps/apps-cover.png" />

The ledger is the source of truth for your financial records, but the work around it often happens elsewhere.

A finance or operations team may need to check a payment provider, review an order system, calculate interest, approve a payout, or investigate an exception before they can close out a workflow.

And this work often happens across different tools, spreadsheets, scripts, and manual steps.

Custom Apps let teams build private, ledger-aware workflows inside Blnk Cloud. Use them to connect external systems, review financial operations, automate checks, and give your team purpose-built tools around the ledger.

***

<CtaCallout title="Need help building your app?" href="https://blnkfinance.com/contact/us?utm_source=blnk_docs&utm_medium=documentation&utm_campaign=apps-help" buttonLabel="Get Pro Support" trackingEvent="clicked_pro_support">
  We help you build custom apps for your use case or get help building your own from scratch.
</CtaCallout>

***

## Quick start

Here's how you can start using Custom Apps in your workspace:

<Steps>
  <Step title="Pick and install an app">
    Browse the app library, choose the app you want, and install it into your Cloud workspace.

    <Card title="Install an app" icon="download" href="/cloud/apps/install-app">
      Install a Custom App in your workspace.
    </Card>
  </Step>

  <Step title="Register your own app">
    If you have a more personalised workflow, you can build your own app and register it in Cloud so Blnk can install and launch it for your workspace.

    <Card title="Build a Custom App" icon="hammer" href="/cloud/apps/define-workflow">
      Define a workflow, then register and launch.
    </Card>
  </Step>

  <Step title="Operate from your back office">
    Each app you install is automatically scoped to the instance you're currently on.

    Once installed, you can launch the app at any time and start to use it from within Blnk Cloud.

    <Note>
      **For example:** A crypto exchange startup might move between Bridge by Stripe, an order book, and the Blnk ledger to verify a trade or swap. Each system is useful on its own, but the workflow spans all of them.

      With Custom Apps, the team can:

      1. Register an app that talks to Bridge and their order system.
      2. Surface the checks they need to verify a trade.
      3. Review and manage the trade workflow from Blnk Cloud, instead of splitting attention across browser tabs and tools.
    </Note>
  </Step>
</Steps>

***

## Real-life applications

Here's a few common real life use cases for Custom Apps:

<div className="apps-use-cases-table">
  <table>
    <thead>
      <tr>
        <th>App</th>
        <th>What it does</th>
        <th>Systems and data</th>
        <th>Why Custom Apps?</th>
      </tr>
    </thead>

    <tbody>
      <tr>
        <td>Loan management</td>
        <td>Approvals, disbursements, repayments, loan status.</td>
        <td>Core balances, identities, history, loan tools, CRM.</td>
        <td>See loan state and ledger activity together.</td>
      </tr>

      <tr>
        <td>Interest calculator</td>
        <td>Accruals and interest from ledger balances.</td>
        <td>Core balances plus rate, day-count, rounding rules.</td>
        <td>Keep rate rules next to the balances they affect.</td>
      </tr>

      <tr>
        <td>Treasury or float manager</td>
        <td>Monitor float across accounts and providers.</td>
        <td>Ledger balances, bank data, PSP dashboards.</td>
        <td>Compare float and ledger impact in one place.</td>
      </tr>

      <tr>
        <td>End-of-day close</td>
        <td>Checklists, cutoffs, sign-offs, ledger totals.</td>
        <td>Core txn/balance queries; optional accounting export.</td>
        <td>Close beside the ledger data you're closing against.</td>
      </tr>

      <tr>
        <td>Trade or swap verification</td>
        <td>Match execution, fees, settlement, postings.</td>
        <td>Order books, trading rails, Core balances/transfers.</td>
        <td>One verification flow instead of many tools.</td>
      </tr>

      <tr>
        <td>Reconciliation review</td>
        <td>Match records to bank/PSP files; resolve exceptions.</td>
        <td>Ledger exports, statements, provider files, queues.</td>
        <td>Review where the ledger truth lives.</td>
      </tr>

      <tr>
        <td>Payout approval</td>
        <td>Stage, approve, and review before payout.</td>
        <td>Pending payouts, ledger moves, beneficiaries, CRM.</td>
        <td>See payout context and ledger impact first.</td>
      </tr>
    </tbody>
  </table>
</div>

***

## When to use a custom app

Consider a Custom App when:

* A workflow repeatedly pulls your team out of Blnk Cloud into other tools for steps that could be guided or automated in the dashboard
* You need a small, purpose-built UI on top of ledger data that the default Cloud workspace does not provide
* You want to connect an external system you rely on (payments, trading, spreadsheets) in a way that is specific to how your team works

If a workflow is already covered by first-party Cloud features or a shared app in the library, prefer that before maintaining your own app.

***

<RelatedTopics
  items={[
{ title: "How apps work", href: "/cloud/apps/how-apps-work" },
{ title: "Install an app", href: "/cloud/apps/install-app" },
{ title: "Define workflow", href: "/cloud/apps/define-workflow" },
]}
/>