Lens Flare

An anamorphic flare that tracks the pointer, drawn in greyscale and tinted by a blend layer so it follows the theme.

Remix

0

Bookmarks

0

Installs

0

Views

17 lines
import { LensFlare } from "@/components/ui/lens-flare"

export default function DemoLensFlare() {
  return (
    <div className="relative h-[560px] w-full overflow-hidden bg-background">
      <LensFlare className="absolute inset-0" />

11 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Checks
Dependencies
None — plain React + Tailwind
License
MIT License
Published
9/13/2026

Similar components

That's all 6 components

Explore more

Part of Juno GL — browse the full library on Nuxus.