# July 2, 2026 - Shader Components

18 new WebGL shader components powered by paper-design/shaders, with a dedicated docs section.

> For the complete documentation index, see [llms.txt](/llms.txt). Markdown variants are available by appending `.md` to any URL or sending an `Accept: text/markdown` header. An agent skill is available at [/.well-known/agent-skills/site-skill.md](/.well-known/agent-skills/site-skill.md).

We added 18 new shader components: [color-panels](https://www.framecn.dev/docs/shaders/components/color-panels.md), [dithering](https://www.framecn.dev/docs/shaders/components/dithering.md), [dot-orbit](https://www.framecn.dev/docs/shaders/components/dot-orbit.md), [god-rays](https://www.framecn.dev/docs/shaders/components/god-rays.md), [grain-gradient](https://www.framecn.dev/docs/shaders/components/grain-gradient.md), [liquid-metal](https://www.framecn.dev/docs/shaders/components/liquid-metal.md), [mesh-gradient](https://www.framecn.dev/docs/shaders/components/mesh-gradient.md), [metaballs](https://www.framecn.dev/docs/shaders/components/metaballs.md), [neuro-noise](https://www.framecn.dev/docs/shaders/components/neuro-noise.md), [perlin-noise](https://www.framecn.dev/docs/shaders/components/perlin-noise.md), [pulsing-border](https://www.framecn.dev/docs/shaders/components/pulsing-border.md), [simplex-noise](https://www.framecn.dev/docs/shaders/components/simplex-noise.md), [smoke-ring](https://www.framecn.dev/docs/shaders/components/smoke-ring.md), [spiral](https://www.framecn.dev/docs/shaders/components/spiral.md), [swirl](https://www.framecn.dev/docs/shaders/components/swirl.md), [voronoi](https://www.framecn.dev/docs/shaders/components/voronoi.md), [warp](https://www.framecn.dev/docs/shaders/components/warp.md), and [water](https://www.framecn.dev/docs/shaders/components/water.md) powered by `@paper-design/shaders-react`.