Skip to content

prototype: backdrop lab — pick the site's signature animated background#210

Draft
kilbot wants to merge 1 commit into
mainfrom
backdrop-lab
Draft

prototype: backdrop lab — pick the site's signature animated background#210
kilbot wants to merge 1 commit into
mainfrom
backdrop-lab

Conversation

@kilbot

@kilbot kilbot commented Jul 2, 2026

Copy link
Copy Markdown
Contributor

Owner evaluation route (delete after decision): /backdrop-lab — four crisp, technological, pointer-reactive backdrop candidates, switchable in place over sample hero copy. All hand-built canvas (no new deps; the parallel motion-kit session owns the three/R3F additions), all on the shared lab engine: DPR-capped, ResizeObserver-driven, rAF gated by IntersectionObserver + visibilitychange, single static frame under reduced motion.

  • A · Network field — drifting constellation graph; the cursor joins the network (the classic tech-network canvas, done sparse and calm)
  • B · Dot wave — precise dot lattice with plane waves travelling through it; pointer raises a ripple ("fields of data")
  • C · Wire globe — rotating fibonacci dot sphere with pulsing great-circle arcs, hand-projected 2D — the GitHub/Stripe globe school without three.js; mouse steers spin/tilt
  • D · Circuit pulses — signals travelling a faint PCB grid, occasionally bending toward the cursor; the quietest option

Palette per the standing rule: blue-led with sparse pink/yellow sparks, brand red only in copy accents. Winner graduates into src/components/motion/ and replaces AmbientGradient on the homepage.

…from

Owner brief: modern, crisp, clean; evokes technology, networks, fields,
the globe, the future — not the soft gradient. Prototype route
/backdrop-lab with four full-fidelity pointer-reactive canvas options
(network constellation, dot-wave lattice, wire globe with pulsing arcs,
circuit pulses), switchable tabs, sample hero copy for legibility
judgement. Shared engine: DPR cap, ResizeObserver, IO+visibility gated
rAF, reduced-motion static frame. noindex; route deleted once a winner
graduates to the motion kit.
@coderabbitai

coderabbitai Bot commented Jul 2, 2026

Copy link
Copy Markdown

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 2a8929c6-ea5b-4f1a-b8bb-363d9d141c35

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch backdrop-lab

Comment @coderabbitai help to get the list of available commands.

@github-actions

github-actions Bot commented Jul 2, 2026

Copy link
Copy Markdown

🚀 Preview: https://wcpos-jawu4sux5-wcpos.vercel.app

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant