Word Cloud

word cloud rendered on an HTML canvas.

Animated Word Cloud Canvas visualizes text as a dynamic, horizontally scrolling word cloud rendered on an HTML canvas. Each word’s size and movement speed are determined by its frequency in the source text, creating an immediate visual hierarchy that highlights repetition and emphasis. Words animate smoothly across the canvas and wrap around when they reach the edge, producing a continuous, ambient motion. The component is fully customizable in Framer, with controls for text content, font styling, text color, background color, stroke color, and animation speed. It supports responsive resizing, adapts to static previews in the Framer canvas, and is ideal for expressive typography, data-driven text art, or atmospheric backgrounds in interactive designs.

Animated Word Cloud Canvas