Ray-Traced WebGL Shader

Ray-Traced WebGL Shader, minimal, dark

Preview image. Unlock full-res

A custom WebGL shader for a Vercel landing page that ray-traces lights locally, bakes them into small textures, and renders glowing point lights that follow the cursor across a dark hero section.

More like this

See all

Summary

A custom WebGL shader for a Vercel landing page that ray-traces lights locally, bakes them into small textures, and renders glowing point lights that follow the cursor across a dark hero section.

Visual description

A dark hero section with large white sans-serif headline "Agentic Infrastructure" anchored on the left, accompanied by two action buttons below. On the right, three glowing white orbs float against the black background, trailing soft halos and demonstrating cursor-tracking behavior. The composition balances typographic weight on the left with luminous focal points on the right, creating depth through light bloom and shadow.

Key takeaway

Use glowing orbs or point-light elements that respond to cursor position to add interactive visual interest to dark hero sections without distracting from text hierarchy.

Reuse notes

Reach for this as a ui screen reference. Pairs with experimental directions. Original by Matias.

More like this

Keep what you find

A free account saves references to boards and can send you a weekly email of picks based on what you save.

To see every result, go Pro.