Skip to content

Book Me Button

Book Me Button preview image 1

Summary

Features ✅ Personal Profile Image – Showcase your photo or avatar directly in the button ✅ Availability Indicator – Toggle a green status dot on/off to show availability ✅ Dynamic…

Description

Features

✅ Personal Profile Image – Showcase your photo or avatar directly in the button

✅ Availability Indicator – Toggle a green status dot on/off to show availability

✅ Dynamic Hover Animation – Text disperses smoothly and reveals “Let’s work!” with an arrow cue

✅ Stacked Text Layout – Default call-to-action reads “Book a 15 min call”

✅ Customizable Design – Adjust text, image, colors, and interaction states

✅ Attention-Grabbing CTA – Adds personality and boosts clicks with micro-interactions

✅ Responsive & Lightweight – Built for all screen sizes in Framer

Component Controls

  • Profile Image – Upload and crop your own picture

  • Status Dot Toggle – Show or hide the availability dot

  • Primary CTA Text – Edit “Book a 15 min call” to match your offer

  • Hover Text – Customize the “Let’s work!” message and arrow icon

  • Colors & Styles – Adjust button background, text, and dot color

  • Animation Speed – Fine-tune the hover interaction timing

Rank history How rankings work →

120014001600172568/149/59/2710/1911/10
  • All · #7207

Details

More like this