Shader effects

3 videos across 2 channels

Shader effects are pushing interactive design from static visuals to living UI, leveraging canvas and real-time shader demos to create gradients, animated textures, and responsive effects. The latest explorations show how browser flags, Framer’s shader categories, and 3D tool comparisons shape what’s feasible in real-time, with practical trade-offs in device performance and workflow. Designers can refine, save, and reuse shader-driven tweaks to accelerate creative iteration across web experiences.

This feels like cheating thumbnail

This feels like cheating

The video demonstrates how Framer's real-time shaders can elevate designs by adding gradient, image, and effect animatio

00:06:13
A New 3D AI Builder vs Just Claude Code? thumbnail

A New 3D AI Builder vs Just Claude Code?

The video tests Spline 3D against Claude Code and MA by prompting for a Surfs Up water park hero section, comparing real

00:07:10