---
title: "Heart Component — Free Framer component · Best of Framer"
description: "Free Framer component · by Danyal Asif · Buttons. Great for adding micro interactions in your projects."
canonical: "https://framer.elliotli.dev/component/heart-component"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Heart Component

# Heart Component

[View on Framer](https://framer.com/marketplace/components/heart-component/?via=elliot-li)

![Heart Component preview image 1](https://framer.elliotli.dev/og/component/heart-component/65e4de66ef384f6c/1600x1200.jpg)

## Summary

Great for adding micro interactions in your projects.

## Description

Great for adding micro interactions in your projects. Can also be used as a like button.**Usage:**

Simply paste the component in your project and you're good to go. Component controls are properly labeled.

## Rank history [How rankings work →](/terms#rankings)

-   All · #4938

## Details

- **Author**: Danyal Asif
- **Published**: 2025-10-09
- **Updated**: 2025-10-08
- **Added**: 2025-10-04
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything