alexharri.com
A flowing WebGL gradient, deconstructed
April 12, 2025
A few weeks ago I embarked on a journey to create a flowing gradient effect — here’s what I ended up making:
Loading canvas...
This effect is written in a WebGL shader using noise functions and some clever math.
In this post, I’ll break it down step by step. You need no prior knowledge of WebGL or shaders — we’ll start by building a mental model for writing shaders and then recreate the effect from scratch.
We’ll cover a lot in this post: writing shaders, interpolation,
pi.dev
pi.dev
There are many coding agents, but this one is yours . GitHub npm Discord $ npm install -g @mariozechner/pi-coding-agent Messages User: 2 Assistant: 3 Tool Calls: 3 Tool Results: 3 Total: 8 Tokens Input: 4,385 Output: 583 Cache Read: 4,228 Cache Write: 5,319 Total: 14,515 Cost Total: 0.0513 ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ /re ─ ─ ─ ─
alpaca.markets
Alpaca - Developer-first API for Stock, Options, Crypto Trading
API for Stock, Options, Crypto Trading & more
Alpaca's easy to use APIs allow developers and businesses to trade algorithms, build apps and embed investing into their services.
Trade with algorithms, connect with apps, and build financial apps with our easy to use APIs. Sign up for Free Disclosures
Images and company icons are for illustration only and are not investment recommendations. Trusted by millions of traders and hundreds of fintechs and institutions Product Launches
See our lat
pagefind.app
Pagefind
Pagefind is a fully static search library that aims to perform well on large sites, while using as little of your users’ bandwidth as possible, and without hosting any infrastructure.
Pagefind works with any static HTML output. All static site generators and website frameworks are supported, as long as the built HTML contains the content of the website.
After indexing, Pagefind adds a static search bundle to your built files, which exposes a JavaScript search API that can be used anywhere on
coolify.io
Coolify
Any Language
Coolify is compatible with a wide range of programming languages and frameworks, enabling you to launch static websites, APIs, backends, databases, services, and other types of applications. Any Server
You can deploy your resources to any server, including your own servers, VPS, Raspberry Pi, EC2, DigitalOcean, Linode, Hetzner, and more. All you need is an SSH connection. Any Use-Case
You can deploy your resources (apps, databases, services) to a single server or multiple serv