Photo Editor
Adjust a photo with brightness, contrast, saturation and warmth sliders, preset looks, hold-to-compare, crop and export.
Preview
Brightness+4
Contrast+8
Saturation+14
Warmth+40
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| src | string | — | Image URL; enables PNG export. |
| children | ReactNode | — | A drawn image instead of src. |
| imageWidth / imageHeight | number | 1200 / 800 | Natural size, for the crop. |
| alt | string | "Photo" | Text alternative for the picture. |
| presets | { id, label, values }[] | Original, Bright, Matte, Golden, Harbour, Mono | Preset looks shown as thumbnails. |
| defaultValues | { brightness, contrast, saturation, warmth } | all 0 | Starting adjustments, each −100 to 100. |
| onEditChange | ({ values, filter, crop }) => void | — | Called when adjustments or the applied crop change; filter is the CSS filter string. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.