Interactive Sniper Scope

Component

About

A full-screen rifle scope with a lit green mil-dot reticle, breathing sway and recoil. Shoot glass bottles on a wooden range shelf and they shatter into real fractured shards that bounce and settle. Hit the HOME plate to go home, or RESET to restock. All canvas, synthesized sound.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Interactive Sniper Scope to your project and fits it to your theme.

Code

How Interactive Sniper Scope is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { SniperScope } from "@/components/ui/sniper-scope";

export default function SniperScopeDemo() {
  return (
    <SniperScope homeHref="https://aakashmehra.com">
      <p className="m-0 text-[12px] text-white/40">
        by{" "}
        <a
          href="https://aakashmehra.com/ref/sniperscope"
          target="_blank"
          rel="noopener noreferrer"
          className="text-white/70 underline-offset-4 hover:underline"
        >
          aakashmehra.com
        </a>
      </p>
    </SniperScope>
  );
}