Slant Morph Button

A slanted label and arrow tile whose diagonal seam smoothly flips its lean like a hinge on hover with GSAP MorphSVG, while the colors trade places and a fresh arrow slides through.

pnpm dlx shadcn@latest add "https://tween-ui.vercel.app/r/slant-morph-button.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Slant Morph Button – shadcn/ui Component by tween-ui | shadcnregistry

Registries
tween-ui
Slant Morph Button

Slant Morph Button

A slanted label and arrow tile whose diagonal seam smoothly flips its lean like a hinge on hover with GSAP MorphSVG, while the colors trade places and a fresh arrow slides through.

pnpm dlx shadcn@latest add "https://tween-ui.vercel.app/r/slant-morph-button.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

gsap
@gsap/react

components/tweenui/slant-morph-button.tsx

gsap
@gsap/react

components/tweenui/slant-morph-button.tsx