Reborn
Elements
Entrar

Interfaces web

Checkout no browser,
pronto para escalar.

Integre PIX, cartão com 3DS2 e parcelas com o SDK Reborn — hosted, embed, Payment Element ou headless. Uma linha para carregar, você escolhe a superfície.

Ver documentaçãoPlayground interativo
$npm install @rebornpay/elements
https://js.rebornpay.io/v1/elements.js
Payment Element
SDK v0.1.2

QR Code PIX

00020126580014br.gov.bcb.pix…
Maria Silva
14:59
R$ 11,50
Aguardando pagamento · R$ 11,50

Aguardando confirmação do PIX

Superfícies

Uma API, cinco formas de integrar

Do botão redirect ao Payment Element embutido — escolha o nível de controle que combina com seu produto.

Hosted redirect

Botão "Pagar com Reborn" e redirect para checkout.rebornpay.io — zero UI para manter.

Embedded iframe

Checkout embutido no seu site com postMessage para success/cancel.

Payment Element

Componente único com PIX, cartão em iframe PCI, parcelas e 3DS.

Headless

Total customização da UI; o SDK orquestra tokenização, 3DS e confirm.

Direct API + 3DS

Servidor cria a transação com sk_; o browser completa 3DS via Elements.

Recursos

Feito para o ecossistema Reborn

O mesmo fluxo de checkout que roda no seller dashboard — tokenização, 3DS2, SEON e confirmação — empacotado para integradores externos.

PIX + cartão + parcelas

Métodos v1 prontos para produção no Brasil, sem débito ou boleto.

pk_ + client_secret

Publishable key no browser; secret key no servidor; cs_ por sessão de checkout.

3DS2 + antifraude

Device collection, challenge e SEON integrados — o mesmo fluxo do seller Reborn.

PCI by design

PAN no iframe pci.rebornpay.io — dados sensíveis nunca no DOM do merchant.

Playground

Escolha sua stack e teste ao vivo

Cada aba traz o comando de install, um snippet pronto para copiar e um preview sandbox — sem precisar rodar o projeto localmente.

React · Vue · Remix · Web Components · Core SDK · CDN

Chaves: pk_ no browser (publishable) · sk_ só no servidor (cria a sessão) · cs_ volta para o frontend montar o checkout

Ver todos os snippets na documentação
React 19

Provider, declarative components, and hooks — ideal for Next.js and SPAs.

Docs
npm install @rebornpay/elements-react
Código · tsx
import { ElementsProvider, PaymentElement } from "@rebornpay/elements-react";

export function CheckoutPage({ clientSecret, sessionId }: { clientSecret: string; sessionId: string }) {
  return (
    <ElementsProvider options={{ publishableKey: "pk_test_..." }}>
      <PaymentElement
        clientSecret={clientSecret}
        sessionId={sessionId}
        paymentMethodOrder={["pix", "card"]}
      />
    </ElementsProvider>
  );
}

Props · personalizar

R$ 11,50 · 1150 centavos

PIX
Cartão

Ordem: PIX → Cartão

Preview interativo

pk_test_4eC3… · cs_test_a1…
Payment ElementReact
SDK v0.1.2

QR Code PIX

00020126580014br.gov.bcb.pix…
Maria Silva
14:59
R$ 11,50
Aguardando pagamento · R$ 11,50

Aguardando confirmação do PIX

Controles de sandbox · fora do Payment Element

Pronto para integrar?

Gere suas chaves publishable e secret no painel do seller e siga o guia Elements no sandbox.

Abrir documentação