Message spam

An exploration of how chat apps handle spam prevention, inspired by Telegram's slow mode.

How It Works

When the cooldown triggers, the input blurs out and swaps for a countdown, the send button scales down and a circular progress ring takes its place, and the alarm icon's clock hand rotates with the timer. Tapping the locked input shakes the bell — a gentle "not yet."

The animation uses two techniques:

1. framer-motion springs for per-digit transitions
2. stroke-dasharray interpolation for the ring's progress