Effects & Transitions / Lists & layout

Animated Beam

Beam connecting two elements.

Magic UILists & layoutmotion: --tpc-ease-linear

Install

npx shadcn@latest add @tpc/animated-beam

Reduced motion

Token: --tpc-ease-linear

Default

Bidirectional

Multiple inputs

Multiple outputs

Unidirectional