design-infraReport a problem or share feedback← Catalog
Border Trail
freemotion-primitives/border-trail
An effect that creates animated border trails around elements on interaction.
$
npx shadcn@latest add @motion-primitives/border-trailnpm deps: motion
- Source
- Motion Primitives
- Kind
- component
- Categories
- misc
- Use as
- wrapper — wraps your existing element
- Applies to
- cardbuttoninput
- Motion
- on loop · medium · motion + svg · medium cost
- Tags
- motion
- Licence
- MIT (ibelick/motion-primitives). Motion Primitives Pro is a separate paid product — not catalogued.
- Live demo
- motion-primitives.com
- Docs
- motion-primitives.com
Similar
Compare all 4 →- Border Beammagicui/border-beamLight travelling around a card's border; subtle way to highlight one pricing tier or the hero screenshot. colorFrom/colorTo default orange/purple — pass var(--primary). Parent needs `relative overflow-hidden rounded-*`.
- Shine Bordermagicui/shine-borderShine border is an animated background border effect.
- Border Beamsmoothui/border-beamA BorderBeam component for SmoothUI.