#What is Icon Slide-In Button?

Icon Slide-In Button is a dynamic Framer component that enhances standard call-to-action buttons with a smooth, animated icon reveal. When users hover over the button, the icon slides into view — creating a subtle but high-impact micro-interaction that makes your UI feel more polished and engaging.

It’s ideal for SaaS landing pages, product launches, portfolio sites, and marketing sections where attention-grabbing CTAs matter. Built specifically for Framer, it integrates seamlessly with layouts, breakpoints, and motion controls — eliminating the need for custom animation setups.

#Features ⚡

• Slide-In Icon Animation: Icon smoothly moves into position on hover.

• Direction Control: Adjust animation direction (left, right, etc.).

• Customizable Speed: Fine-tune transition timing and easing.

• Flexible Content Layout: Combine text, icons, and spacing controls easily.

• Hover & Active States: Clean interaction feedback for better UX clarity.

• Fully Responsive: Works across desktop, tablet, and mobile breakpoints.

• Lightweight Implementation: Smooth animations without performance overhead.

#Included Components

The package typically includes:

• Button base component

• Slide-in icon element

• Animation timing controls

• Direction configuration options

• Hover and active state styling

• Responsive layout settings

Everything is structured for drag-and-drop usage directly inside your Framer project.

#Pricing 💸

• Absolutely free

• Lifetime usage license

• Creator-provided updates (as per marketplace terms)

Refer to the official marketplace page for current pricing details.

#Integrations 🧰

• Framer layout and stack system

• Framer motion and interaction controls

• Compatible with hero sections and CTA blocks

• Works alongside other interactive UI components