Shine Border Card

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

Migration

Replace the old ShineBorder usage:

<Card className='relative'>
  <ShineBorder shineColor='#9c40ff' />
  ...
</Card>

With the new AuraBeam:

<AuraBeam variant='shine' color='#9c40ff'>
  <Card className='rounded-[inherit] border bg-background'>
    ...
  </Card>
</AuraBeam>

For multi-color shine:

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

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