Hex Scan
Add it to your project
One command, any framework. Every prop stays editable in code.
- 01
Unlock Pro
One license covers this shader and the whole library.
- 02
Install the component
The CLI detects your framework and writes the component file.
- 03
Drop it in
Use it like any component. Every prop is still yours to change.
<HexScan />
Before you ship it
The questions people ask about putting a live shader on a real site.
Will it slow my site down?
Every Pro shader is tuned to stay light on the GPU. The preview above is the real thing running on your machine, so what you see is what your visitors get.
What happens without WebGPU?
The canvas stays transparent: whatever sits behind it shows through, and the rest of your page works as normal. You can also show your own fallback.
Can I use it in client work?
Yes. Pro covers your own projects and the ones you build for clients, in unlimited quantity. See the license for the details.
Can I change it after I install it?
Yes. The CLI writes an ordinary component file with every prop inline, so you can edit it, wire props to state, or open it in the design editor and pull changes back with npx shaders update.
Does it work with Framer?
Yes. The Shaders plugin for Framer brings library shaders into your Framer project as code components.