A logo turned into a puffy stitched cushion in real-time 3D, with a glossy vinyl coat, a welded seam and wrinkles that run in from the edge. Edit it live.
About this tool
A logo rendered live in WebGL as an inflated cushion. The shape comes from a pressure solve over a mesh of each outline, so wide areas puff up more than thin ones, and the edge is a flat welded flange with stitches and compression wrinkles that start at the seam. It floats slightly tilted in soft studio light over a floor shadow on a light grey stage. Choose one of five built-in logos (a four-leaf mark, Heart, Star, Cloud and Bolt) and a Vinyl, Satin or Fabric finish; keep the logo's own colours or pick one. Inflation, seam width, wrinkles and their size, stitches, brightness, floor shadow, background, float, tilt, turn and zoom are editable. Drag it or use the arrow keys to turn it and it springs back with a small squash; reduced motion settles it without the wobble. The export is one HTML file that loads three.js from esm.sh, so it needs an internet connection the first time; the logo is an SVG in its config and can be swapped for your own.
Effect · HTML / WebGL · All tools