timeline · layers
add a text layer to write over the gif - drag it on the stage, trim it here
how this gif was made
generation prompt
A pixel-art developer sits at a cluttered wooden desk in a cozy, dim room at 4:20 AM, illuminated by the soft glow of a smartphone displaying a crisp "Overview" dashboard. The screen features white rounded cards with a prominent green $301 MRR figure, orange accents showing 15 active subscriptions, and a blue customer count of 367, while a real-life version of the "Rico" cat icon—a small ginger tabby—naps peacefully beside a calendar with two weeks of dates crossed out. The scene is quiet and triumphant, utilizing a palette of soft grays and warm shadows punctuated by the vibrant green, orange, and blue highlights of the app's interface. Subtle looping animations show the developer’s thumb tapping the screen to make the financial sparklines pulse, the cat’s tail twitching, and a faint golden shimmer emanating from the $301 revenue metric as the battery indicator sits at 84%.
motion steer
Thumb-tapping the screen triggers a golden revenue shimmer and sparkline pulses while a cat's tail twitches in sleep.
- Row 1: The developer holds the glowing phone steady with a relaxed grip as the ginger cat naps beside the calendar with a still tail.
- Row 2: The developer's thumb presses the screen, causing the orange and blue UI cards to pulse and the cat's tail to begin a small, rhythmic twitch.
- Row 3: The green $301 MRR text erupts in a radiant golden pixel-shimmer as sparklines flare; the developer gives a subtle triumphant squeeze and the cat's tail curls upward.
- Row 4: The golden shimmer dissolves back into the soft green glow as the thumb lifts, the developer's hand relaxes, and the cat's tail settles back to its initial resting position.
