🔨
The real page breaks
Capture the DOM, punch holes through content, and knock measured elements loose as physical objects.
A framework-neutral canvas toy with real page capture, rigid-body debris, procedural tools, and drop-in React, Vue, and Svelte integrations.

npm install ragelayerpnpm add ragelayerbun add ragelayer| Stack | Import | Best for |
|---|---|---|
| React / Next.js | ragelayer/react | Ready-made toolbar or a headless hook |
| Vue / Nuxt | ragelayer/vue | Lifecycle-safe composable |
| Svelte / SvelteKit | ragelayer/svelte | One-line launcher action |
| Astro, Angular, Solid, plain JS | ragelayer | Framework-neutral controller |
import { createRageLayer } from "ragelayer";
const rageLayer = createRageLayer({ initialTool: "hammer" });
document.querySelector("#destroy")?.addEventListener("click", () => rageLayer.toggle());