Background ASCII Force Chains

A full-bleed animated ASCII canvas background that simulates a granular disc packing under load, inking only the sparse contact chains carrying above-average force so a branching stress skeleton appears over a dark field, with the pointer acting as an indenter that presses in and redistributes the load.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Background ASCII Force Chains to your project and fits it to your theme.

import { ForceChains } from "@/components/ui/background-ascii-force-chains";

export default function Demo() {
  return (
    <div className="w-full h-screen bg-background text-foreground">
      <ForceChains />
    </div>
  );
}