Beams
A few hairline curves sweeping the section, each breathing in opacity and drifting one travel token on --ambient-breathe, out of phase with its neighbour. Original; Aceternity's is reference only.
npx shadcn add @gc/beamsOne ambient effect per viewport
Lines that breathe behind the headline and never cross in front of it.
Opacity and transform only, non-scaling strokes, the loop stops off-screen. Reduced motion holds the first frame.
Craft score
Measured on b38543d. All scores
- Perf mobile
- 96
- Perf desktop
- 100
- CLS
- 0
- LCP mobile
- 2770 ms
- Gzipped source
- 1.6 kB
- Reduced motion
- Pass