Me, Leandro, as a handdraw logo

Shader.Vista

WebGL library for fragment shaders, multipass rendering, and textures

Shader.Vista, since renamed Actis, is a lightweight WebGL rendering library that makes it easy to work with fragment shaders, rendering passes, and textures. Where Shader.One is an editor, this is a library: the machinery for running shader pipelines inside your own web apps.

Features

  • Simple API for setting up WebGL rendering contexts
  • Multipass rendering: chain named passes (bufferA, bufferB, and so on) that read each other as textures
  • React integration for modern web apps
  • Published on npm as @actis/core

Tech

  • TypeScript for the library
  • WebGL fragment shaders with the usual uniforms (u_time, u_resolution, u_mouse)
  • React bindings

What I learned

  • Managing WebGL state and framebuffer ping-pong across multiple passes.
  • Designing a library API that stays out of React’s way.
  • Packaging and publishing a typed npm library.

CC BY-NC-SA 4.0 2020–2026 © Leandro Peres. All rights reversed.