LensFlare — lens-flare

PREVIEW

☀️FLARE☀️

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;

import { LensFlare } from '@oalacea/chaosui/effects/lens-flare';

<LensFlare>
  <div>Content with lens flare</div>
</LensFlare>
<LensFlare intensity={0.8} color="#ffcc00" elementCount={7} />
<LensFlare followMouse={false} />

PROPS

PropTypeDefault

childrenContent to overlay flare on

ReactNode-

intensityFlare brightness 0-1

number0.6

colorFlare color tint

string"#ffffff"

flareSizeMax flare diameter in pixels

number300

elementCountNumber of flare elements

number5

followMouseWhether flare follows mouse

booleantrue

classNameAdditional class name

string""