About Marker Button
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
