Outline Draw Button
A modern outline-style button with a smooth draw animation on hover. The border animates around the button, creating a clean and engaging interaction. Fully customizable colors, stroke width, speed, and content—perfect for landing pages and interactive UI.
About this Component
A clean and modern outline button with a smooth draw-on-hover animation.
This component animates the button border as a stroke that draws around the element, creating a subtle yet engaging interaction. Customize colors, stroke thickness, animation speed, and content to match your design system.
Perfect for landing pages, hero sections, and modern UI interfaces that need motion-driven interactions.
Free for personal and commercial use.
Smooth outline draw animation
Fully customizable colors, stroke & speed
Lightweight and easy to integrate
Ideal for modern CTA and UI interactions
