Skip to content
native cook
Esc

Loading the catalog…

Mood Stack Columns


A mood journal's day on true black: "All time" in a serif heading, then "Your mood during the day" as four 100 % stacked capsule columns (Morning, Afternoon, Evening, Late Night) in yellow, green, blue and red for joy, calm, low and stress, each with its percentages and check-ins. Tapping or dragging across the columns widens the one under the finger while the others narrow and dim and a caption names its largest mood; the By mood / By size toggle re-sorts every column, the segments sliding past each other one column after another.

Category
Charts
Added
Oct 13, 2026
Stacks
RN · Swift · Kotlin
Author
Not known · posted by Alan ↗

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.