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

# Live Demos

> Try Didit identity verification live in your browser: KYC, AML, biometric liveness, face authentication, age estimation, and proof of address. Free to test.

export const StatCard = ({value, label}) => <div className="didit-stat-card">
    <span className="didit-stat-value">{value}</span>
    <span className="didit-stat-label">{label}</span>
  </div>;

export const FeatureGrid = ({cols = 3, children}) => <div className="didit-feature-grid" style={{
  "--grid-cols": cols
}}>
    {children}
  </div>;

export const FeatureCard = ({icon, title, description, href}) => {
  const inner = <div className="didit-feature-card">
      {icon && <div className="didit-feature-card-icon">
          <Icon icon={icon} size={20} />
        </div>}
      <div className="didit-feature-card-content">
        <h3 className="didit-feature-card-title">{title}</h3>
        {description && <p className="didit-feature-card-desc">{description}</p>}
      </div>
      {href && <div className="didit-feature-card-arrow">
          <Icon icon="arrow-right" size={14} />
        </div>}
    </div>;
  if (href) {
    return <a href={href} style={{
      textDecoration: "none",
      color: "inherit",
      display: "block",
      border: "none",
      boxShadow: "none"
    }}>{inner}</a>;
  }
  return inner;
};

export const SectionHeader = ({label, title, description, align = "left"}) => <div className="didit-section-header" style={{
  textAlign: align,
  alignItems: align === "center" ? "center" : "flex-start"
}}>
    {label && <p className="didit-section-label">{label}</p>}
    <h2 className="didit-section-title">{title}</h2>
    {description && <p className="didit-section-desc">{description}</p>}
  </div>;

<SectionHeader label="Demo Center" title={<>Experience <span>Identity Verification</span></>} description="With Didit, you can build any verification workflow — from simple checks to complex node-based flows with your own custom logic. Mix and match features to fit your needs." />

<div className="didit-stat-grid">
  <StatCard value="Free" label="KYC Plan" />

  <StatCard value="220+" label="Countries" />

  <StatCard value="<10s" label="Verification" />

  <StatCard value="ISO" label="27001 Certified" />
</div>

<div className="didit-stat-grid" style={{ marginTop: "-4px" }}>
  <StatCard value="iBeta" label="Certified" />

  <StatCard value="53" label="Languages" />

  <StatCard value="Open" label="Developer APIs" />

  <StatCard value="99.9%" label="Uptime SLA" />
</div>

Explore our most popular pre-built workflows below. Each demo runs on [demos.didit.me](https://demos.didit.me) and gives you a fully interactive preview — **no sign-up required**.

<Note>
  The demo runs the **production** verification engine end to end (document capture, liveness, face match, AML, etc.) — the only differences from a real integration are that the workflow is pre-built and the results are not stored against a customer account. To inspect the API payloads and webhooks behind any workflow, recreate it on your own [test workflow](/console/workflows) and call the [Create Session](/sessions-api/create-session) endpoint with the same `features`.
</Note>

***

## Verification Workflows

<FeatureGrid columns={2}>
  <FeatureCard icon="id-card" title="Core KYC" description="Standard user onboarding for any industry. ID document verification with liveness detection and face matching." href="https://demos.didit.me" />

  <FeatureCard icon="shield-halved" title="KYC + AML" description="Full compliance workflow for Fintech, Banking, and Crypto Exchanges. Combines identity verification with sanctions & PEP screening." href="https://demos.didit.me" />

  <FeatureCard icon="face-viewfinder" title="Liveness Detection" description="Anti-spoofing liveness check ideal for securing password resets, high-risk transactions, and sensitive account actions." href="https://demos.didit.me" />

  <FeatureCard icon="fingerprint" title="Face Authentication" description="Passwordless biometric login and securing existing user accounts using facial recognition." href="https://demos.didit.me" />

  <FeatureCard icon="lock" title="MFA — Multi-Factor Auth" description="Prevent fake accounts and add a biometric second factor to your authentication flow." href="https://demos.didit.me" />

  <FeatureCard icon="cake-candles" title="Age Check" description="Privacy-preserving age estimation for Social Media, iGaming, and age-restricted E-commerce platforms." href="https://demos.didit.me" />

  <FeatureCard icon="file-invoice" title="Proof of Address (PoA)" description="Enhanced due diligence with document-based address verification for Banking and Fintech." href="https://demos.didit.me" />

  <FeatureCard icon="diagram-project" title="Custom Workflows" description="Build your own complex, node-based verification flows with conditional logic directly from the Business Console." href="/console/workflows" />
</FeatureGrid>

***

## What to expect in each demo

Every demo walks through the same three stages a real user sees in production:

1. **Capture** — Camera permission, ID document upload or photo, and short liveness clip.
2. **Verification** — Real-time OCR, biometric comparison, AML / PEP screening (where applicable), and decision logic.
3. **Result** — Pass / fail / in-review screen. Sample sessions are non-billable and decay after a few minutes.

For technical detail on what runs under the hood, see [Feature Behavior](/core-technology/id-verification/overview) and the [Sessions API reference](/sessions-api/create-session).

***

## Run it locally

Clone the full demo repository to inspect the integration code (Next.js, hosted flow, webhook handler) and run it in your own environment.

<CardGroup cols={2}>
  <Card title="GitHub repository" icon="github" href="https://github.com/didit-protocol/didit-full-demo">
    Reference Next.js implementation of every workflow on this page — clone, set `DIDIT_API_KEY`, and run.
  </Card>

  <Card title="Demo Center" icon="globe" href="https://demos.didit.me">
    Try all workflows live in your browser — no sign-up required.
  </Card>
</CardGroup>

***

## Next steps

<CardGroup cols={2}>
  <Card title="Quick start" icon="rocket" href="/getting-started/quick-start">
    Create a workflow, grab an API key, and start your first real session in under five minutes.
  </Card>

  <Card title="SDKs & libraries" icon="code" href="/integration/sdks">
    Web, mobile, and backend SDKs that wrap the demos shown here.
  </Card>
</CardGroup>