ShineBorder

A description for ShineBorder component.

Enter your credentials to access your account

Installation

pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/r/shine-border.json

Copy and paste the following code into your project:

shine-border.svelte

index.ts

Add the following to your routes/layout.css file:

src/routes/layout.css

Enter your credentials to access your account

A component for ShineBorder.

Name	Type	Default	Description
`class`	`string`	`""`	`Additional CSS classes to apply`
`borderWidth`	`number`	`2`	`Width of the border`
`duration`	`number`	`300`	`Duration of the shine animation in milliseconds`
`shineColor`	`string \| string[]`	`""`	`Color(s) of the shine effect`