BG-2 — Background Boxes
01 / 07 · Aceternity · grid hoverAceternity · grid hover
Background Boxes
30×18 = 540 square cells. On hover each cell lights up via CSS. Aceternity uses this under hero.
Aceternity · animated SVG paths
Background Lines
16 SVG paths draw with delay. Stroke-dasharray animates, gradient stop-color makes the edges transparent.
Aceternity · canvas sin-waves
Wavy Background
Canvas function: 5 color lines with straight-curve sin(0.005x) + sin(0.012x). A thin fillRect creates a motion-blur trail.
MagicUI · fade-mask dots
Dot Pattern
Dots 16 px step via radial-gradient + bg-image. Mask-image radial-gradient creates smooth fade to edges.
MagicUI · subtle grid
Grid Pattern
40 px grid via linear-gradient × 2. Radial mask fade. Universal pattern under any section.
MagicUI · SVG path connect
Animated Beam
5 nodes connected via SVG Quadratic Bezier. A beam runs along the path (stroke-dasharray + animation). Data-flow emulation.
canvas · 200 trails
Vortex (Aceternity-style)
200 short «hairs» on a spiral, each with its own hue/speed/radius. Linear-gradient along the trail + motion blur.