Liquid Type Generator

SOLO / GENERATIVE TOOL · ANIMATED SVG
Type Generative Web Tool
Built with SVG + SMIL, JavaScript
Role Solo — concept, design & build
Project Overview

A generative tool that turns text into flowing material. Type a word, pick a font and weight, tune the palette and edge softness, and watch a liquid-type animation render in real time — then export it as a standalone, self-playing animated SVG. The whole effect is a pure SVG + SMIL filter chain (geometry, blur, displacement, colour mapping), with no video or GIF. The live tool is embedded below — try typing your own text.

↓ Live tool — type your text and tweak the parameters