# Squash & Stretch Bounce: motion graphics style

> Letters drop in one by one, squash flat on impact and stretch tall as they rebound: the first principle of classic character animation applied to type. Ideal for playful brands, kids content, games and app onboarding.

- Category: [Kinetic Typography](https://aimotions.art/category/kinetic-typography/)
- Also known as: bouncy text, cartoon bounce, jelly letters, bounce-in animation, principles of animation, drop and bounce
- Demo built with: CSS · Energy: Lively · Background: Light bg
- Live demo: https://aimotions.art/styles/squash-and-stretch/
- Spanish version: https://aimotions.art/es/estilos/squash-and-stretch/

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

```text
Animate the word [TEXT] with classic squash-and-stretch. Each letter falls from above with a short stagger, squashes wide and flat when it hits an invisible floor, stretches tall as it rebounds, then settles with two smaller bounces. Preserve volume (wider when shorter) and pivot every deformation from the letter's base. Under each letter, an elliptical contact shadow grows and darkens as the letter approaches the floor. Use chunky rounded display type, a different flat bright color per letter, one solid warm background and snappy cartoon timing. Hold for a beat, then each letter squats in anticipation and hops off the top; loop seamlessly.
```

## Visual DNA

- Staggered drop-in, one letter at a time
- Squash on contact, stretch on the rebound, volume preserved
- Contact shadows that grow as each letter lands
- Chunky rounded display type in flat bright colors
- Anticipation squat before the letters hop away

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: Squash & Stretch Bounce, aimotions, https://aimotions.art/styles/squash-and-stretch/