React Interference Background

Two-source wave interference background for React and Next.js — classic physics demo where two drifting point sources radiate concentric ripples that cross into hyperbolic fringe bands of constructive and destructive interference.

React Interference Background preview

Scroll to load preview

A live two-source wave interference field straight out of a physics textbook. Two point emitters pulse at the same frequency and their concentric ripples overlap into sharp hyperbolic fringes — bright bands where the crests add, dark troughs where they cancel. The sources drift on slow orbits and their separation breathes in and out, so the fringe pattern is never static: it slides, rotates, and reconfigures like a real ripple-tank experiment. Built on a tiny 192×108 offscreen buffer with a palette lookup table so the entire trigonometric cost is fixed regardless of viewport, making it perfect for research-grade landing pages, scientific SaaS heroes, developer-tool marketing, and any product that wants to feel intellectual rather than decorative.

Install with AI

If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this background for you — no copy-paste, no CLI:

use shadcnio to install the interference background into my project

React Interference Background