Pulse Heart
Like button that contracts to a dot, flips colour and pulses back as the count ticks over.
Use Pulse Heart in your project
Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.
npx shadcn@latest add @react-bits/PulseHeart-TS-TWRelated components
- Hold Button
Hold-to-confirm button whose liquid fill rises while pressed and snaps back if you let go.
- Sling Button
Send button you pull back like a slingshot and release to fire.
- Bell Toggle
Pill toggle where a press rings the bell, crossfades the label and unfurls the pill.