WoGL
ToolsCreate with shadersShader MakerFree online shader builderToolkitShader works ready for your siteSketcher LabPaint your landing’s hero with shaders3D StudioThe Three.js editor in your browser
GamesPlay with shadersOnomatoShaderType a word, blow it upThe WatcherAn eye that follows youAetherLiquid glass with an eye insideBloomcoreA word grows a garden of lightPyrokineThrow fire at the wallVoltaicThe pyramid throws lightningSurfSurf a shader ocean
  1. WoGL Tools
  2. Sketcher Lab

Sketcher Lab

Landing page hero with shaders

Paint with brushes that are shadersWhat is a shader?A small program that runs on the GPU and decides the color of a single pixel. The GPU runs it for every pixel at once. — aurora, nebula and stardust — add your brand’s name and socials, and export a prompt that any AI chat turns into your page. It runs on WebGPUWhat is WebGPU?The web’s newer graphics API. It gives the browser direct access to the GPU for drawing and for computing, with less overhead than WebGL, its predecessor..

3 shader brushes · WebGPU · export to your AIFree

What you can do

  1. 01

    Paint with shaders

    Aurora grows from a line, Nebula from a circle, and Stardust twinkles where you scatter it.

  2. 02

    Make it your brand

    Add your name, a banner and your social links over the hero.

  3. 03

    Ship it with your AI

    Export copies a prompt: paste it into your AI chat and it returns the page as one HTML file, with the steps to publish it.

How it works

  1. 1

    Paint

    Draw lines, circles and stars on the canvas.

  2. 2

    Name it

    Type your brand, your banner and your socials.

  3. 3

    Export

    Copy the prompt and paste it into your AI chat.

Questions

Do I need to know how to code?

No. Your AI writes the HTML from the prompt; Sketcher Lab gives it the design.

Which AI works?

Any AI chat that writes code. The prompt is plain text.

What does it need?

A browser with WebGPUWhat is WebGPU?The web’s newer graphics API. It gives the browser direct access to the GPU for drawing and for computing, with less overhead than WebGL, its predecessor.. If yours does not have it, Sketcher Lab tells you.