Beating heart loader
A heart that beats with a real double thump, sending out a soft pulse ring with every beat.
Settings
Code
<div class="ul-ht"><b></b></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Loaders
Where to use it
The double beat, one strong and one softer, is what makes this heart feel alive rather than just pulsing. Use it while a dating app looks for matches, while a charity site processes a donation or on the RSVP page of a wedding website. For a health clinic booking appointments, it is warm without being clinical.
Keep the speed close to a resting heartbeat; much faster starts to feel anxious, which is the last thing a health or donation page needs. Red and pink are the obvious picks, but a calm brand color can look more refined.