Every effect is a component. <Shader> renders the canvas; its children are layers, evaluated top to bottom and blended on the GPU.
The design editor at shaders.com is an infinite canvas where you stack components, tune every prop with real controls, drive props from the cursor or a timeline, and see the result live. When it looks right, Export Code gives you the component tree in your framework, ready to paste.
Design and export are free with an account. Your work is saved as projects you can come back to.
The CLI connects a codebase to your Shaders account, so the effects you design land in your project as real component files and stay in sync.
