3D Pill Button

About

3D Pill Button is a modern, reusable Framer button component designed to add a polished CTA to any website. It combines a clean pill-shaped design with a subtle 3D shadow, smooth hover motion, and responsive interactions.

Perfect for navigation bars, hero sections, landing pages, portfolios, SaaS websites, agency websites, and footers.

What You Can Customize

Everything is controlled directly from Framer’s Properties panel, with no coding required.

• Button text and link

• Font, size, weight, spacing, and alignment

• Background, hover, and text colors

• Icon image or Framer component

• Icon size and hover rotation

• Horizontal padding and icon spacing

• Corner radius

• 3D shadow color and depth

• Hover lift and press movement

• Animation speed

• Icon visibility

Features

• Smooth hover and press interactions

• Polished 3D pill-style design

• Responsive sizing through Framer

• Native Framer font controls

• Custom image or component icons

• Optional link support

• No redirect when no link is set

• Fully customizable from the Properties panel

• No code required

• Easy to reuse across any Framer website

Need Help?

Have a question or need assistance with the component? Email: mdsharifulislam8523@gmail.com