NextButton

NextButton is a premium animated CTA button built for modern Framer websites. It features smooth hover animations, triple-arrow motion, glow effects, color presets, custom palettes, full font control, and responsive padding so the button automatically adjusts without needing a fixed height.

Perfect for landing pages, hero sections, pricing pages, checkout flows, and any high-impact call-to-action.

Features

• ✨ Animated triple-arrow icon (hover motion + glow)

• 🎨 4 color presets (Pink, Blue, Black, White)

• 🎨 Custom Color Mode (enter any hex / choose any color)

• 🔤 Full font control

• 🔠 Adjustable Font Size

• ↔️ Padding X control

• ↕️ Padding Y control (button auto height)

• 🔺 Icon Size control (independent from text)

• 🔘 Corner Radius control

• 🧩 Fully responsive with Hug contents

• ⚡ Ripple + glow hover effect

• 🌙 Works with light & dark designs

• 🛠️ Clean, lightweight, and Marketplace ready

How to Use

1. Add the component to your canvas.

2. Set the frame to Hug Contents for perfect auto sizing.

3. Adjust:

   • Font (family, weight, size)

   • Padding X / Padding Y

   • Icon size

   • Radius

4. Choose a preset color or switch to Custom to use your own palette.

5. Add your link via Framer’s interaction panel (Click → Open URL).

That’s it - your animated CTA is ready to use.

Property Controls

• Text

• Font Family

• Font Size

• Icon Size

• Padding X / Padding Y

• Color Preset

• Custom Colors

• Background / Hover Background

• Text Color / Outline / Shadow Color

• Corner Radius

Refund Policy

We offer a 7-day refund if the component does not work as described.Refunds are not available after the asset has been downloaded or used in a published or shared Framer project.If you face any issues, feel free to contact me - I’m always happy to help.