Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA component that displays your image with a pixelated effect, enhancing the visual appeal of any image in your website.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
| Prop | Type | Default | Description |
|---|---|---|---|
src | string | — | The image source URL |
alt | string | "" | Text alternative; leave empty if decorative |
grid | "6x4" | "8x8" | "8x3" | "4x6" | "3x8" | "6x4" | Predefined grid layout |
customGrid | { rows: number; cols: number; } | — | Custom grid layout (overrides grid) |
grayscaleAnimation | boolean | true | Whether to animate from grayscale to color |
pixelFadeInDuration | number | 1000 | Duration (ms) for each pixel fade-in animation |
maxAnimationDelay | number | 1200 | Maximum random delay (ms) for pixel animation |
colorRevealDelay | number | 1300 | Delay (ms) before revealing color |
alt to describe the image. Screen readers announce it once, as a single image, instead of once per tile.