Emoji Buttons

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.

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.