Icon Trail Button

A pill button whose icon pill expands on hover or focus, playing out a staggered chevron trail before it parks. CSS transitions and a small state machine — no animation library.

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

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Icon Trail Button – shadcn/ui Component by tween-ui | shadcnregistry

Registries
tween-ui
Icon Trail Button

Icon Trail Button

A pill button whose icon pill expands on hover or focus, playing out a staggered chevron trail before it parks. CSS transitions and a small state machine — no animation library.

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

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

components/tweenui/icon-trail-button.tsx