Border Beam Card

This component has been superseded by <AuraBeam variant="beam">. The new component preserves the travelling-arc behavior while adding the high-quality glow and blur layers of the AuraBeam aesthetic.

Migration

Replace the old BorderBeam usage:

<Card className='relative overflow-hidden'>
  <BorderBeam />
  ...
</Card>

With the new AuraBeam:

<AuraBeam variant='beam'>
  <Card className='rounded-[inherit] border bg-background'>
    ...
  </Card>
</AuraBeam>

For custom colors and duration:

<AuraBeam variant='beam' color={['#ffaa40', '#9c40ff']} duration={4}>
  <Card className='rounded-[inherit] border bg-background'>
    ...
  </Card>
</AuraBeam>

See the full Aura Beam Card documentation for all available props.