Demolish any web page.

What RageLayer does

• 🔨

  The real page breaks

  Capture the DOM, punch holes through content, and knock measured elements loose as physical objects.

• ⚛️

  Framework ready

  Use the vanilla controller, React component or hook, Vue composable, or Svelte action.

• 🧩

  Extensible by design

  Register custom tools against a typed engine API and reuse the rendering, physics, and sharing primitives.

• ⚡

  Adaptive performance

  Quality tiers, bounded entities, dirty-region rendering, telemetry, and graceful WebGL fallbacks.

Install

npm install ragelayer

The package ships modern ESM with TypeScript declarations. react and react-dom are optional peer dependencies.

Pick your integration

import { createRageLayer } from "ragelayer";

const rageLayer = createRageLayer({ initialTool: "hammer" });
document.querySelector("#destroy")?.addEventListener("click", () => rageLayer.toggle());