---
title: "Blotter.js"
description: "WebGL-backed API that applies shader material effects — liquid distort, channel split, rolling — to live, selectable text."
canonical: "https://vibing.inc/library/blotter-js-vg-1511"
category: "Motion & Animation"
subcategory: "Text animation"
license: "MIT"
author: "Bradley Griffith (@bradley)"
source: "https://github.com/bradley/Blotter"
---

# Blotter.js
WebGL-backed API that applies shader material effects — liquid distort, channel split, rolling — to live, selectable text.
## Facts
- Source: https://github.com/bradley/Blotter
- Category: Motion & Animation / Text animation
- Author: Bradley Griffith (@bradley)
- Licence: MIT
- Tags: webgl, text, shaders, effects
## Why it's a gem
Shader text effects on real DOM text; almost nobody knows this exists.
---
Listed in The Vibeary: https://vibing.inc/library/blotter-js-vg-1511 · JSON: https://vibing.inc/api/public/library/gems/blotter-js-vg-1511