Skip to main content

Components992
Blocks8,743
3D Models3,392
Illustrations984
Mockups337
Icons185
Fonts916
Shaders108
Backgrounds97
Skills114
All assets2,488

Skeuomorphic Music Card
Event ticket
Quick Settings Tiles
Nightly prices
Animated Color Selector
Blur Glide Menu

Animated React and Tailwind components: copy the code or let your agent add it

Explore Components

Figma453
Framer741
Webflow21
Coded167
Decks66
Notion39
All templates1,359

Dark Bento UI Kit
ElementX
FINA
Snow Dashboard UI Kit
Finance & Banking Mobile App
Paradise App UI Kit

453 Figma templates by real designers, popular first

Explore Figma templates

Websites2,924
Sections4,476
Interface4,492
Branding1,026
OG Images816
All inspiration13,734

Shopify editions
Air Inc
Oryzo
Poster
Giga Ai
Structured Money

Hand-picked websites with a live screencast on every card

Explore Websites

Components/Obsidian UI

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

FreeAurora Download Button

FreeAqua Button

FreeAsh Burst Button

FreeCircle Surface Button

Contact Details Reveal

Button Metallic Button