Shine
A diagonal light sweep across chrome, tiles and buttons.
Chrome finish
Usage
import { Shine } from '@vinyl-ui/effects';
<Shine className="rounded-lg bg-sunset p-8">Chrome finish</Shine>Or put animate-shine on an absolutely positioned overlay inside any relative overflow-hidden box.
Props
Prop
Type
The sheen is a 105° white band at 50% opacity. It's hidden from assistive tech, ignores pointer
events, and disappears under reduced motion. NeonTile uses it by default.