Turnstile Svelte Playground

Explore Cloudflare Turnstile by changing render mode, sitekey, theme and size to see live behavior and emitted tokens. Watch how each option affects the widget and the token it emits.

Select Render Mode

Explicit Implicit

Select Dummy Sitekey

Sitekey	Description	Visibility
`1x00000000000000000000AA`	Always passes	visible
`2x00000000000000000000AB`	Always blocks	visible
`1x00000000000000000000BB`	Always passes	invisible
`2x00000000000000000000BB`	Always blocks	invisible
`3x00000000000000000000FF`	Forces an interactive challenge	visible

Select Theme

Light Dark Auto

Select Widget Size

Normal Flexible Compact

Turnstile Widget

npm install @battlefieldduck/turnstile-svelte

Render

Explicitly render the Turnstile widget

Params

{
    "sitekey": "1x00000000000000000000AA",
    "theme": "light",
    "size": "normal"
}

Output

{
    "token": ""
}