---
title: "Emoji Buttons — Free Framer component · Best of Framer"
description: "Free Framer component · by Aidan Looker · Buttons. What is Emoji Buttons?"
canonical: "https://framer.elliotli.dev/component/emoji-buttons"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Emoji Buttons

# Emoji Buttons

Playful reaction buttons that convert.

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

![Emoji Buttons preview image 1](https://framer.elliotli.dev/og/component/emoji-buttons/4b5ee6079ec252ee/1600x1200.jpg)

## Summary

What is Emoji Buttons?

## Description

## What is Emoji Buttons?

Emoji Buttons is a set of beautifully crafted circular reaction buttons with physics-based particle animations. Choose from four curated presets — Like, Vote, Magic, and Smile — each with colour-matched icon particles that burst on click, smooth spring interactions on hover and tap, and a soft ambient glow. Add optional hover tooltips and links to turn simple reactions into conversion tools. Ideal for blog reactions, social proof, landing page CTAs, and interactive portfolios.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Four curated presets with unique icons, colours, and particle styles
    
-   Physics-based particle burst with SVG icons on every click
    
-   Soft ambient glow with adjustable size and optional colour override
    
-   Spring-powered hover lift and tap squash micro-animations
    
-   Optional hover tooltip with full font control
    
-   Three responsive sizes with optional link-on-click behaviour
    

## Controls inside Framer

### Core

-   Preset — Like, Vote, Magic, or Smile
    
-   Link — optional URL opened on click
    
-   Size — Small, Medium, or Large
    
-   Hover Text — optional tooltip message on hover
    

### Particles

-   Density — Low, Medium, or High particle count
    
-   Speed — burst velocity multiplier
    
-   Lifetime — how long particles stay visible
    

### Style

-   Button Color — override the preset button colour
    
-   Glow Color — override the preset glow colour
    
-   Glow Size — ambient glow blur radius in pixels
    

### Tooltip Font

-   Full extended font controls for the hover tooltip
    

## Best use cases

-   Blog post and article reaction buttons to boost reader engagement
    
-   Landing page micro-interactions that increase time on page
    
-   Portfolio and case study like buttons for social proof
    
-   Product pages and waitlists where playful CTAs drive conversions
    

Drop in a single component, pick a preset, and instantly add the kind of micro-interaction that makes visitors stop, click, and remember your site.

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

-   All · #4835

## Details

- **Author**: Aidan Looker
- **Published**: 2026-03-11
- **Updated**: 2026-06-13
- **Added**: 2026-03-06
- **Categories**: Buttons

## More like this

-   [Liquid Blob Button](/component/liquid-blob-button) — Oddframe · Free — Interactive Liquid Blob CTA Button
-   [Pixel Face Toggle](/component/pixel-face-toggle) — Zac Nielson · $9 — Dark mode switch with a pixel face
-   [Liquid Hover Media](/component/liquid-hover-media) — Bardia Madani · $5 — Fluid media distortion on hover
-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow