Shadcn.io is not affiliated with official shadcn/ui
Stitch Button
Button with animated dashed border that looks like stitching being sewn on hover for React.
Watch it stitch. Hover and a dashed border animates around the button like thread being sewn by an invisible needle—marching ants with purpose. It's handcrafted and tactile, bringing a human touch to digital UI. The stitching loops continuously while hovered, creating this mesmerizing border march. Perfect for craft brands, DIY apps, fashion sites, or any design that should feel artisanal and made-with-care. The effect is subtle enough for professional use but distinctive enough to stand out.
Stitch Button preview
Loading...
Scroll to load preview
Installation
Install
Pro button
Related Components
Border Trace Button
SVG border drawing
Underline Button
Growing underline
Outline Fill Button
Rising fill animation
Corner Accent Button
Animated corners
Shimmer Button
Flowing shimmer
Shine Button
Diagonal light sweep