Nine interaction motifs extracted from Tide's current release (5.11, Sep 2026), each rebuilt as a portrait phone screen running pure-CSS keyframe loops. Click any card for the motif detail and copy its prompt for AI to recreate 1:1.
9:41
Good evening♪⊞◐
Sleep in nature
◎Flow◗Sleep◔Nap
HomeSleepMindSounds
Home · full-bleed scene + glass tabs
Home · full-bleed scene + glass tabsThe nature backdrop cross-fades while a green capsule slides across the bottom tab bar.
9:41
Soundscapes
RainForestHer citySunrise
Rain · Windowsill
Tap a circle to go immersive
Soundscapes · circle-to-immersive
Soundscapes · circle-to-immersiveA round scene thumbnail expands full-screen; the play icon morphs and the waveform undulates.
9:41
WorkReciteDesignReadChores
Focus
252423
min
Focus ›
JourneySoundscapePomodoroFocus mode
Start
Pomodoro · scrolling tick ruler
Pomodoro · scrolling tick rulerColored task capsules bounce on select while tick marks scroll left and minutes roll down.
9:41
Breathing · Relax
InhaleHoldExhaleHold
Breathe with the circle, 4-4-4-4
Breathing · 4-4-4-4 pulse circle
Breathing · 4-4-4-4 pulse circleA glow circle grows on inhale, holds, shrinks on exhale, with the instruction word switching per phase.
9:41
Last night
7h 50m8h 16m
Score
0477894
AwakeLightDeep
Talking10″Snoring8″Ambient32dB
💤Talking10″
😴Snoring8″
Sleep report · growing stage bars
Sleep report · growing stage barsSleep-stage bars grow in stagger on a white card, the score counts up, snore pills slide in.
9:41
Daily quotes
02SEP 2026
Bring the mind home to this breath, this step.
Thich Nhat Hanh01SEP 2026
You can't stop the waves, but you can learn to surf.
Jon Kabat-Zinn
Swipe left for the next quote
Quotes · swipeable card deck
Quotes · swipeable card deckThe top photo card flies off upper-left, the next snaps into place — two swaps per loop.
9:41
Sleep stories
Upstream▶Night swimmerRabbit holeMediterranean
Cinematic cards, staggered float-in
Sleep stories · staggered feed
Sleep stories · staggered feedIllustrated cards float up in stagger while a glass play badge pops, then the scene resets.
9:41
Meditation
Meditation · Beginner8 chapters · series
Yoga NidraUnwind
Meditation · arch-window hero card
Meditation · arch-window hero cardThe arch illustration breathes at scale while the glass play button emits pulse rings.
9:41
Nap · 20 min
Gentle wake…Good morning
Light fades in 1 min before
Nap wake · moon-to-sun progress ring
Nap wake · moon-to-sun progress ringA progress ring fills as the moon dissolves into a sun and the screen warms from night to dawn.