Slide Arrow Button

A pill button whose label rolls up on hover while the chevron slides out of its lime badge and a fresh one slides in from the left. Pure CSS — no GSAP dependency.

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

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Slide Arrow Button – shadcn/ui Component by tween-ui | shadcnregistry

Registries
tween-ui
Slide Arrow Button

Slide Arrow Button

A pill button whose label rolls up on hover while the chevron slides out of its lime badge and a fresh one slides in from the left. Pure CSS — no GSAP dependency.

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

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

components/tweenui/slide-arrow-button.tsx