Skip to main content

Assets Templates Inspiration Components

Components/Obsidian UI

Interactive Hover Button

Interactive Hover Button

Pro

A pill button whose dot expands to fill it on hover while the label slides out and an arrow slides in.

Category: Buttons
Built with: React, Tailwind
Installs: clsx lucide-react tailwind-merge
Files: interactive-hover-button.tsx + 1 more

The prompt tells your agent to rebuild the styles on your project's tokens, so it fits in like it was made there.

Obsidian UI

by Atharvsinh

16 components

Copyright (c) 2026 ObsidianUI. Open source, added by Craftwork. The license line stays in the copied code.

More like this

FreeOpen

Aurora Download Button

Aurora Download Button

FreeOpen

FreeOpen

Ash Burst Button

Ash Burst Button

FreeOpen

Circle Surface Button

Circle Surface Button

FreeOpen

Contact Details Reveal

Contact Details Reveal

Button Metallic Button

Button Metallic Button