# Glass Shatter Hover: motion graphics style

> Shattering glass text effect: cyan glass letters in a dark pane crack where the cursor passes. Fast swipes knock shards flying and tumbling before they snap back into place. Ideal as an interactive, animated website hero title.

- Category: [Reactive Styles](https://aimotions.art/category/reactive-styles/)
- Also known as: shatter on hover, broken glass text, glass break effect, cracked glass cursor, shard explosion text, reassembling glass, fracture hover
- Demo built with: Canvas · Energy: Lively · Background: Dark bg
- Live demo: https://aimotions.art/styles/glass-shatter/
- Spanish version: https://aimotions.art/es/estilos/glass-shatter/

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

```text
Set [TEXT] in bold wide letters made of cyan-to-violet tinted glass with bright bevel glints and a soft inner glow, fused into a faint glass sheet over near-black. At rest a slow invisible touch drifts across the pane, leaving hairline white cracks along a triangular fracture pattern that heal behind it and chipping out a single shard now and then. On hover the pointer cracks the glass wherever it goes, and fast swipes knock triangular shards out of the pane in the swipe direction: they fly, tumble and glint with cyan edges, start to fall, then snap magnetically back into place, the cracks fading until [TEXT] is whole again within about two seconds. A press punches a radial shatter burst out of the pane. On touch screens the finger cracks and shatters it the same way.
```

## Visual DNA

- Cyan-to-violet glass letters fused into a faint pane on near-black
- Hairline cracks follow the pointer and heal as the glass settles
- Fast swipes knock triangular shards out; they tumble, glint and fall
- Shards snap magnetically back into place within two seconds
- Press punches a full shatter burst out of the pane

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: Glass Shatter Hover, aimotions, https://aimotions.art/styles/glass-shatter/