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

# SDKs

> Official Ozura SDKs and client libraries.

# SDKs

## Elements

The **@ozura/elements** package is Ozura's browser SDK for securely collecting payment data in your own UI. Card numbers, CVVs, and bank account details are captured in isolated iframes — raw sensitive data never exists in your JavaScript or your server.

<CardGroup cols={2}>
  <Card title="Elements Overview" icon="layout" href="/sdks/elements/overview">
    What Elements is, how it works, and when to use it.
  </Card>

  <Card title="Installation" icon="download" href="/sdks/elements/installation">
    npm, yarn, and CDN script tag setup.
  </Card>

  <Card title="Card Elements" icon="credit-card" href="/sdks/elements/card-elements">
    OzVault.createElement(), createToken(), field types, events, and options.
  </Card>

  <Card title="Bank Elements" icon="landmark" href="/sdks/elements/bank-elements">
    OzVault.createBankElement(), createBankToken(), and ACH tokenization.
  </Card>

  <Card title="React Components" icon="atom" href="/sdks/elements/react">
    OzElements provider, hooks, and pre-built component reference.
  </Card>

  <Card title="Styling & Appearance" icon="palette" href="/sdks/elements/styling">
    Customize fonts, colors, states, and global appearance.
  </Card>

  <Card title="Server SDK" icon="server" href="/sdks/elements/server">
    Process payments and query transactions on your backend.
  </Card>

  <Card title="Error Handling" icon="triangle-alert" href="/sdks/elements/error-handling">
    OzError codes, normalizing vault errors, and retry guidance.
  </Card>

  <Card title="API Reference" icon="book" href="/sdks/elements/api-reference">
    Full reference for OzVault, OzElement, all options and TypeScript types.
  </Card>
</CardGroup>

***

## REST API Examples

Ozura's Vault REST API works with any language. We provide code examples for common operations:

<CardGroup cols={3}>
  <Card title="cURL" icon="terminal" href="/guides/vault/examples/curl">
    Quick API testing from the command line.
  </Card>

  <Card title="JavaScript" icon="js" href="/guides/vault/examples/javascript">
    Node.js and browser integration examples.
  </Card>

  <Card title="Python" icon="python" href="/guides/vault/examples/python">
    Python integration examples.
  </Card>
</CardGroup>