Wave Lines
A field of fine horizontal lines that undulate on layered waves, with one ember line.
Preview
Tide tables
Know the water before you leave the house
Swell, wind and tide for 1,400 beaches. Slow waves trace the conditions.
Swell · Ericeira
1.8 m · 12 s
Fine lines, no accent
Next high tide
16:42
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| spacing | number | 12 | Vertical distance between lines in px. |
| amplitude | number | 18 | Largest displacement of a line in px. |
| speed | number | 1 | Undulation speed multiplier. 0 holds the lines still. |
| accentLine | number | "auto" | false | "auto" | Draw one line in ember. auto picks a line just below the middle. |
| fade | boolean | true | Fade the lines out towards the edges. |
| canvasClassName | string | — | Extra classes for the canvas layer. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.