← All components
Surfaces / effect
Stipple Media
An image resolved into irregular seeded ink dots, preserving sculptural form and sampled pigment.
Open in studio ↗PLAYGROUND
Take it with you.
SOURCE ACCESS
Preview freely. Unlock the files.
Enter the shared password to copy the complete source, download every file, and install components in your app.
Access lasts 24 hours. Your preview settings stay with you.
Component notes
- Original seeded jittered-cell sampling with luminance-dependent coverage and radius. No proprietary source or reference pixels are included.
- Demo bundles cleared original studio sculpture artwork; the primitive makes no implicit image request. Supply src and meaningful alt.
- Static processing coalesces changes without animation frames. Sampling is capped at 512×512, dots at 50,000, DPR at 1.5 and the longest physical canvas side at 2048.
- The source fits inside the caller-sized container. Point radii use CSS pixels. CORS rejection retries native display once; processing failures retain the native image.
React 19.2Modern browsersCanvas 2D
Chungus UI · Project-authored source; distribution terms remain a release decision.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
src | string | undefined | Caller-owned image URL; no implicit request. |
alt | string | "An image rendered in irregular ink dots" | Image description; see controls for supported values. |
density | number | 60 | Density; see controls for supported values. |
pointSize | number | 2 | Point size; see controls for supported values. |
seed | number | 17 | Seed; see controls for supported values. |
contrast | number | 1.2 | Contrast; see controls for supported values. |
inkColor | string | "#262b32" | Ink color; see controls for supported values. |
paperColor | string | "#f4eddb" | Paper color; see controls for supported values. |
treatment | 'sampled' | 'mono' | "sampled" | Treatment; see controls for supported values. |
paused | boolean | false | Static processing has no animation loop. |
replayToken | number | 0 | Replay retains the same seeded print. |
style | CSSProperties | undefined | Optional host sizing and styles; Studio usage fills its supplied frame. |
className | string | '' | Additional scoped host class. |