Browse components
Evil Eye
A giant smoldering eye with a churning iris and slit pupil that tracks the cursor and blinks now and then. WebGL.
Evil Eye
Installation
npx shadcn@latest add @glint-ui/evil-eyeFirst time using @glint-ui? Add the registry to components.json once, or install by URL: npx shadcn@latest add https://glint-ui-seven.vercel.app/r/evil-eye.json
Usage
import { EvilEye } from "@/components/ui/evil-eye";
<div className="relative h-96">
<EvilEye color="#ff4d1a" />
</div>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| color | string | "#ff4d1a" | Glow color of the iris and halo. |
| scale | number | 1 | Eye size multiplier. |
| speed | number | 1 | Iris churn speed multiplier. |
| blink | boolean | true | Blink every few seconds. |
| follow | boolean | true | The pupil follows the cursor. |
| className | string | — | Extra classes for the root element. |