Print-style halftone dot matrix that resolves into sharp content around the cursor.
Every prop is wired to the controls underneath. Move the pointer over the print to open a sharp loupe around the cursor.
| Prop | Type | Default | Description |
|---|---|---|---|
src | string | picsum photo | Image URL rendered as a halftone print. |
inkColor | string | #141414 | Colour of the printed dots (hex). |
paperColor | string | #fff7e6 | Colour of the paper behind the ink (hex). |
mode | "mono" | "duotone" | "color" | mono | Screen model: single ink, two-ink riso, or a CMYK rosette. |
dotSize | number | 1 | Overall scale of each ink dot. |
dotDensity | number | 71 | Number of dot cells across the frame. |
angle | number | 45 | Rotation of the halftone screen, in degrees. |
shape | "circle" | "square" | "diamond" | "line" | circle | Shape of each printed dot. |
contrast | number | 1.15 | Tonal contrast applied before screening. |
invert | boolean | false | Invert the tones (negative print). |
revealRadius | number | 0.4 | Radius of the sharp loupe around the cursor. |
edge | number | 0.8 | Hardness of the loupe boundary (0 soft, 1 hard). |
follow | number | 0.37 | Loupe follow time in seconds (lower = snappier). |
idleReveal | number | 0 | Baseline sharpness applied everywhere with no cursor. |
trigger | "hover" | "always" | "off" | hover | When the loupe is active. |
borderRadius | string | 16px | Corner radius of the frame. |
Keyboard shortcuts and ARIA behavior.