Outline Draw Button

Show Preview
Outline Draw Button
Outline Draw Button

About Outline Draw Button

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

From Fudail Zafar

Loop Button
Wet Paint Button
Spotlight Button
Ribbon Logos

Related Components

Spring Switch
Back To Top Button
Liquid Metal Buttons
Particle Button