dot-field

name	dot-field
description	A gradient dot lattice that bulges away from the pointer with a soft cursor glow. A marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.
triggers	["dot-field","animated background","动态背景"]
od	{"mode":"prototype","surface":"web","platform":"desktop","category":"animation-motion","preview":{"type":"html"},"design_system":{"requires":false}}

dot-field

A gradient dot lattice that bulges away from the pointer with a soft cursor glow.

How to apply

Copy dot-field.js; add <div class="dot-field" style="position:absolute;inset:0"></div> behind content.