Skip to content

RageLayerDemolish any web page.

A framework-neutral canvas toy with real page capture, rigid-body debris, procedural tools, and drop-in React, Vue, and Svelte integrations.

A web page smashed, burned, frozen, and painted by RageLayer

Install

sh
npm install ragelayer
sh
pnpm add ragelayer
sh
bun add ragelayer

Pick your integration

StackImportBest for
React / Next.jsragelayer/reactReady-made toolbar or a headless hook
Vue / Nuxtragelayer/vueLifecycle-safe composable
Svelte / SvelteKitragelayer/svelteOne-line launcher action
Astro, Angular, Solid, plain JSragelayerFramework-neutral controller
ts
import { createRageLayer } from "ragelayer";

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

Read the integration guide →

Released under the MIT License.