Marker Button

Marker Button is a lightweight animated button inspired by marker highlights and hand-drawn motion graphics.

Marker Button is a lightweight animated button inspired by marker highlights and hand-drawn motion graphics. On hover, a fluid marker stroke reveals itself behind the text, creating a natural handwritten accent that feels expressive without distracting from the interface. The label color transitions smoothly while the animated stroke expands across the button, adding personality and motion to any design. Built entirely with Framer Motion, the component is responsive, easy to customize, and optimized for modern websites, portfolios, landing pages, and creative projects. Features: Animated marker-style stroke reveal Smooth text color transition on hover Fully customizable colors and typography Adjustable marker stroke thickness Custom padding and border radius controls Optional full-width layout Responsive and lightweight implementation No external dependencies Part of the Hyper Buttons collection by Folga Digital.

Marker-style hover reveal animatio