Shader image
An image run through water, liquid metal, fluted glass or halftone, inked with the site's variables. The plain picture renders until WebGL is ready.
npx shadcn add @gc/shader-image
Craft score
Measured on b38543d. All scores
- Perf mobile
- 93, bar 952
- Perf desktop
- 100
- CLS
- 0
- LCP mobile
- 2772 ms
- Gzipped source
- 3.2 kB
- Reduced motion
- Pass
Scoped exception on perf mobile, recorded 2026-10-16. The reason is footnote 2 on the scores page.