Skip to content
native cook
Esc

Loading the catalog…

Tide Gauge Chart


A marine app's tide screen for Harbor Point: a 24-hour tide chart whose area under the curve is real water, deep blue at the bottom and pale at the surface, with caustics, light shafts, travelling ripples and a broken line of foam. A red buoy with a lamp floats on the surface at the scrubber; the level above the chart rolls its digits ("1.62 m · Rising · 10:40"), and cards below give the day's high (2.4 m at 14:12) and low (0.3 m at 08:05), with sunrise and sunset marked under the hours. Drag across the chart to scrub through the day: the buoy rides the curve, and a fast drag makes the water slosh and ring.

Category
Charts
Added
Oct 25, 2026
Stacks
RN · Swift · Kotlin

Is this your design? Ask for a correction or removal

React Native · Expo SDK 52+, TypeScript

✦ If the result drifts from the video, tell your agent what looks different and how it should look. A short correction usually closes the gap.