> ## Documentation Index
> Fetch the complete documentation index at: https://aomilabs-victor-docs-redirect-build-overview.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Playground

> Interactive playground to configure the AomiFrame widget. Adjust layout, theme, sidebar, and control panel options, then copy the generated JSX directly into your app.

<div
  style={{
minHeight: "100vh",
background: "var(--background)",
fontFamily: "inherit"
}}
>
  <div
    style={{
display: "flex",
alignItems: "center",
gap: "10px",
padding: "0 20px",
height: "44px",
borderBottom: "1px solid var(--border)",
background: "var(--background)",
position: "sticky",
top: 0,
zIndex: 10
}}
  >
    <a
      href="/getting-started/quickstart"
      style={{
    display: "flex",
    alignItems: "center",
    gap: "6px",
    color: "var(--muted-foreground)",
    textDecoration: "none",
    fontSize: "13px",
    whiteSpace: "nowrap",
    flexShrink: 0
  }}
    >
      ← Back to docs
    </a>

    <span style={{ color: "var(--border)", flexShrink: 0 }}>|</span>

    <span
      style={{
  fontWeight: 600,
  fontSize: "13px",
  color: "var(--foreground)",
  whiteSpace: "nowrap",
  flexShrink: 0
}}
    >
      Widget Playground
    </span>

    <span
      style={{
  fontSize: "12px",
  color: "var(--muted-foreground)",
  marginLeft: "auto",
  whiteSpace: "nowrap",
  overflow: "hidden",
  textOverflow: "ellipsis"
}}
    >
      Adjust layout, theme, and options, then copy the JSX into your app
    </span>
  </div>

  <div
    style={{
padding: "16px",
boxSizing: "border-box"
}}
  >
    <iframe
      src="https://aomi.dev/embed-playground?embed=true"
      title="Aomi Widget Playground"
      allow="accelerometer; clipboard-write; encrypted-media; gyroscope"
      style={{
    display: "block",
    width: "100%",
    minWidth: "900px",
    height: "calc(100vh - 76px)",
    minHeight: "780px",
    border: "1px solid var(--border)",
    borderRadius: "12px",
    background: "var(--background)"
  }}
    />
  </div>
</div>