Interactive hero backgrounds you can steal
A live gallery of pointer-reactive hero fields — pick one, tweak the props, then one-click implement it on your site with your coding agent.
10 live heroes · move your cursor · pick one to expand
~/your-project — install
# in your repo, ask your coding agent:
$ "use the backdrop skill — implement the Radial Bloom hero"
# or install the skill into your repo:
$ npx degit mewc/drummerduck-tools/skills/backdrop .claude/skills/backdrop
FAQ
Do I need WebGL?
No. Everything is canvas 2D, dependency-free, and pauses when offscreen.
Can I change the look?
Yes — open Props on any hero and dial density, repel, speed, accent and more. The implement prompt includes your current settings.
Which agents work?
Implement opens Cursor via deeplink by default (your preference is remembered). Copy prompt works with any agent.