Flag Playground

component

Paste a user as JSON and watch every flag decide, rule by rule: each condition ticks or crosses, the winning rule lights up, later ones grey out, and the served variant swaps in. Broken JSON and wrong types get called out instead of quietly failing.

pnpm dlx shadcn@latest add "https://devl.dev/r/flag-playground.json"

Sign In

Flag Playground

component

Paste a user as JSON and watch every flag decide, rule by rule: each condition ticks or crosses, the winning rule lights up, later ones grey out, and the served variant swaps in. Broken JSON and wrong types get called out instead of quietly failing.

pnpm dlx shadcn@latest add "https://devl.dev/r/flag-playground.json"

components/flag-playground.tsx