# Hanging String Letters: motion graphics style

> Hanging letters text effect: colored card letters dangle on threads from a wooden rail. Swiping the cursor knocks them swinging and they clack into their neighbors before settling. Ideal as an interactive website hero title.

- Category: [Reactive Styles](https://aimotions.art/category/reactive-styles/)
- Also known as: hanging letters, pendulum text, swinging letters hover, mobile letters, string physics text, interactive garland, dangling type
- Demo built with: SVG · Energy: Lively · Background: Light bg
- Live demo: https://aimotions.art/styles/hanging-string-letters/
- Spanish version: https://aimotions.art/es/estilos/hanging-string-letters/

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

```text
Hang the letters of [TEXT] from a wooden rail like a garland: each letter is cut from thick colored card (terracotta, mustard, navy, teal, sage) in a chunky high-contrast serif, hanging by a brass ring and a thin thread, all on one baseline, against a warm plaster wall with soft shadows. At rest a faint draft keeps them barely swaying and an invisible hand drifting past nudges a few. On hover, sweeping the pointer through the letters knocks them swinging in the direction of the swipe, harder for faster swipes; each letter also twists a little below its ring, and neighbors bump into each other and pass the swing along before settling within a few seconds. A press flicks the whole row like a gust. On touch screens a finger swipe does the same.
```

## Visual DNA

- Chunky serif letters cut from colored card, each on its own thread
- Real pendulum physics with a secondary twist below the ring
- Pointer swipes knock letters; neighbors collide and pass the swing on
- Wooden rail with brass pins and soft shadows on a warm plaster wall
- Press flicks the whole row like a gust

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: Hanging String Letters, aimotions, https://aimotions.art/styles/hanging-string-letters/