Smooth Slide Button: Premium Buttons Component by Rain Ruan

Marketplace Components Categories Buttons

A polished Code Component featuring smooth, character-level transitions. Text slides out to reveal a new message on hover. Fully customizable and responsive.

About this Component

Elevate your website's interactivity with this polished Code Component. The Smooth Slide Button features a sophisticated character-level transition effect that slides text out while revealing a new message on hover.

✨ Key Features:

Character-Level Animation: Unlike standard buttons, letters slide individually for a premium feel.
Fully Customizable: Control fonts (Typography), colors, borders, radius, and padding directly from the sidebar.
Dual States: distinct text for "Default" and "Hover" states (e.g., "Confirm" -> "Send").
Responsive Ready: Adapts perfectly to different layouts with auto-sizing support.
Smooth Physics: Fine-tuned Framer Motion spring curves for a tactile, high-end experience.

Perfect for luxury portfolios, agencies, and modern SaaS landing pages.