Shine

An animated light sweep effect with configurable timing, colors, and triggers (hover, tap, or continuous).

Made by imskyleen

delay

duration

loop

loopDelay

deg

enable

enableOnHover

enableOnTap

Installation

Usage

<Shine>Shine</Shine>

API Reference

Shine

Prop	Type	Default
`asChild?`	`boolean`	`false`
`color?`	`string`	`currentColor`
`opacity?`	`number`	`0.3`
`delay?`	`number`	`0`
`duration?`	`number`	`1200`
`loop?`	`boolean`	`false`
`loopDelay?`	`number`	`0`
`deg?`	`number`	`-15`
`enable?`	`boolean`	`true`
`enableOnHover?`	`boolean`	`false`
`enableOnTap?`	`boolean`	`false`
`...props?`	`React.ComponentProps<"div">`	-

Built by Skyleen. The source code is available on GitHub.

Last updated: 9/20/2025

On this page

Installation Usage API Reference Shine