A spinner and checkmark animation ending with a confetti-like pop effect inspired by X’s heart.
Update 1/25/25: Corrected background for dark mode
A Pen by Jon Kantner on CodePen.
StreamTitan
StreamTitan
/ check-spinner-with-pop-effect.markdown
Created
April 18, 2026 13:50
Check Spinner With Pop Effect
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <svg class="editorial" | |
| xmlns="http://www.w3.org/2000/svg" | |
| xmlns:xlink="http://www.w3.org/1999/xlink" | |
| viewBox="0 24 150 28 " | |
| preserveAspectRatio="none"> | |
| <defs> | |
| <path id="gentle-wave" | |
| d="M-160 44c30 0 | |
| 58-18 88-18s | |
| 58 18 88 18 |