# Cloth Banner Wind: motion graphics style

> Interactive cloth text effect: the word is printed on a fringed fabric banner hanging from a brass rod and swaying in a breeze. The cursor pushes folds through the cloth like a hand or a gust. Ideal as an animated website hero title.

- Category: [Reactive Styles](https://aimotions.art/category/reactive-styles/)
- Also known as: cloth simulation text, flag text effect, waving banner, fabric physics, wind on hover, verlet cloth, interactive banner
- Demo built with: WebGL · Energy: Lively · Background: Light bg
- Live demo: https://aimotions.art/styles/cloth-flag-text/
- Spanish version: https://aimotions.art/es/estilos/cloth-flag-text/

## Prompt (replace [TEXT] with your text)

```text
Print [TEXT] in a bold cream brush script on a navy woven fabric banner with a thin gold inner border and a gold fringe along the bottom, hanging from a brass rod by rings against a warm plaster wall. The cloth sags in soft scallops between the rings and a light breeze keeps folds slowly rolling across it, so the word sways but stays readable. On hover the pointer acts like a hand pushing into the fabric: the cloth dents away from it, folds radiate around the contact and fast moves drag the banner sideways like a gust, with the fringe swinging. Top-left light shades every fold. When the pointer leaves, the banner swings back and settles into the breeze. A press throws a strong gust. Touch pushes the cloth the same way.
```

## Visual DNA

- Navy woven banner with a cream script word, gold border and fringe
- Hangs from rings on a brass rod, sagging in soft scallops between them
- Real cloth physics: folds, ripples and a hard shadow on the wall
- Pointer presses the fabric back and drags it along as it moves
- Press throws a strong gust through the whole banner

The prompts are free to copy, adapt and use in personal and commercial projects, with no credit required. Republishing the collection or a substantial part of it (for example as another library or a dataset) requires written permission.

How to cite: Cloth Banner Wind, aimotions, https://aimotions.art/styles/cloth-flag-text/