{
  "name": "swirl-ink",
  "title": "Swirl Ink",
  "description": "Archimedean brush spiral — a single graphic coil of ink, not a soft galaxy spin.",
  "category": "backgrounds",
  "install": {
    "command": "npx shadcn@latest add @clow/swirl-ink",
    "registryConfig": {
      "@clow": "https://clow.cards/r/{name}.json"
    }
  },
  "props": {
    "intensity": {
      "type": "select",
      "options": [
        "faint",
        "soft",
        "bold"
      ],
      "default": "soft",
      "description": "How much pigment reaches the paper."
    },
    "speed": {
      "type": "select",
      "options": [
        "slow",
        "base",
        "fast"
      ],
      "default": "base",
      "description": "Base animation rate."
    },
    "interactive": {
      "type": "boolean",
      "default": true,
      "description": "React to pointer over the stage (ripples, pull, bloom)."
    },
    "enabled": {
      "type": "boolean",
      "default": true,
      "description": "Arm or disarm the field without tearing down the stage."
    }
  },
  "agent": {
    "prompt": "Use Swirl Ink as a stage background (absolute inset-0). Transparent so light/dark paper shows through. Clow palette only — no neon cyber. interactive reacts to pointer over the parent stage. enabled toggles in the playground. One weather per stage.",
    "examples": [
      "<section className=\"relative min-h-[28rem] overflow-hidden rounded-2xl border border-border bg-background\">\\n  <SwirlInk intensity=\"soft\" interactive />\\n  <div className=\"relative z-[1] p-10\">…</div>\\n</section>"
    ]
  },
  "registryDependencies": [
    "utils",
    "css-color",
    "use-shader-field"
  ],
  "links": {
    "docs": "https://clow.cards/docs/swirl-ink",
    "markdown": "https://clow.cards/llms/swirl-ink.md",
    "registryItem": "https://clow.cards/r/swirl-ink.json"
  }
}
prop	type	default
intensity	faint \| soft \| bold	soft
speed	slow \| base \| fast	base
interactive	boolean	true
enabled	boolean	true
Draw

Playground

Examples

Swirl Ink

Props

Swirl Ink
