← All components
Surfaces / effect
Reeded Lens
Cylindrical glass refraction with directional highlights and retained photographic detail.
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 cylindrical normal/refraction shader with fitted image sampling. No proprietary source, pixels or preset files are included.
- Demo bundles cleared original studio sculpture artwork; the primitive requires caller-owned src and meaningful alt.
- Static processing draws only on image, dimensions or optical settings changes. Pause and replay retain the image. DPR is capped at 1.5 and physical targets at 2048 pixels.
- CORS rejection retries native media once. Processing failures restore native image display.
React 19.2Modern browsersWebGL
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 | "Image seen through ribbed glass" | Image description; see controls for supported values. |
ribWidth | number | 34 | Rib width; see controls for supported values. |
angle | number | 0 | Angle; see controls for supported values. |
distortion | number | 18 | Distortion; see controls for supported values. |
softness | number | 0.58 | Softness; see controls for supported values. |
highlight | number | 0.62 | Highlight; see controls for supported values. |
fit | 'contain' | 'cover' | "contain" | Image fit; see controls for supported values. |
paused | boolean | false | Static optics have no animation loop. |
replayToken | number | 0 | Static optics preserve the same image on replay. |
className | string | '' | Additional scoped host class. |
style | CSSProperties | undefined | Inline host styles; caller owns container layout. |