Introducing: ShaderPad
2 days ago
- #creative-coding
- #shader-library
- #web-performance
- ShaderPad is a new lightweight library for placing shaders on websites without repetitive graphics setup.
- It aims to simplify shader experimentation and migration from sandboxes like ShaderToy, avoiding platform lock-in.
- Features include autosizing, save/share utilities, history buffers, and MediaPipe integrations, optimized for creative coders.
- At only 5.8kb gzipped, it's 30x smaller than Three.js, offering faster page loads for single fullscreen shaders.
- Designed for GPU efficiency, it minimizes CPU trips, caches tracking results, and chains shaders in the same pipeline.
- Built with a focus on restraint and a tight API, aided by AI for documentation and creative collaboration.
- The library is open-sourced with comprehensive docs, examples, and is part of projects like Strange Camera.