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

# Playground

> Configure a themed invest flow, open the real dialog, and copy the snippet — right inside the docs.

<div className="cesto-pg-page" style={{ display: "none" }} />

Pick a basket, set your [theme tokens](/web-sdk/theming), and the preview updates as you go. The snippet below the preview is the exact code to drop into your own page — [script tag](/web-sdk/script-tag), [JavaScript](/web-sdk/javascript), or [React](/web-sdk/react).

<iframe
  src="https://cesto-js-playground.vercel.app/"
  title="Cesto Web SDK Playground"
  style={{
display: "block",
width: "100%",
height: "760px",
border: "1px solid rgba(255, 255, 255, 0.08)",
borderRadius: "12px",
overflow: "hidden",
background: "#0b0d10",
margin: "1.5rem 0",
}}
  allow="clipboard-write"
/>