Elastic Hover

Uses spring-like scaling or stretching when elements are hovered.

Friendly, lively, tactile

Professional

Casual

Exotic

Visual impact

Difficulty

Performance cost

Best use: Buttons, cards, playful interfaces

Habit tracker, but make it fun

Build streaks that actually bounce back.

Boing turns dull to‑dos into squishy little wins. Poke a goal, watch it spring — and keep your streak alive without the guilt.

React

👆 Hover them, then give one a poke

🦘

Current streak 14 days

🎯

Drink water · Read 10 pages · Stretch

🏆 New badge: Comeback Kid

Technique: overshoot cubic-bezier(.34,1.56,.64,1) on transform + a squash-&-stretch @keyframes jelly on hover/press