# Shaders lets you preview presets on your own image

By Steven Van · 2026-05-06

The component library added an image swap option to its preset gallery so previews reflect your visual, not the stock example.

Shaders now lets you drop in your own image and preview any preset shader effect against it, rather than judging an effect on the library's stock example. The [component library](<https://creatorstoolbox.com/resources/shaders>) updated its [preset gallery](<https://x.com/i/status/2052208635980251287>) with an image swap option so the preview reflects your actual visual.

[View media](<https://video.twimg.com/amplify_video/2052207090647678978/vid/avc1/1096x720/tSta0wfG8eXuZk5M.mp4>)

![Shaders](<https://www.google.com/s2/favicons?domain=shaders.com&sz=128>)

Shaders

Component library for creative WebGPU effects — 100+ ready-to-use shaders for React, Vue, Svelte, and more.

[View Shaders →](<https://creatorstoolbox.com/resources/shaders>)

[Read Shaders lets you preview presets on your own image on Creators Toolbox](<https://creatorstoolbox.com/blog/shaders-preset-image-swap>)

---
Canonical source: https://creatorstoolbox.com/blog/shaders-preset-image-swap