Animated Chat Screen
A looped old-phone chat UI built with React and Motion.
A Playwright capture used as the Blender texture for Вайбер[1].Track by Вялый Джо[2].
Loading chat animationStarting the message loop and motion timeline.
This preview could not startReload the page to try again.
The visible photos were rebuilt as a small public-safe candid selfie series.
PromptView image generation prompt
Create a series of 3 consistent photos of an adult European woman in a cozy bedroom at night.
She has dark wavy shoulder-length hair, a warm light-to-medium skin tone, soft natural makeup, and a relaxed, playful expression.
She is wearing an oversized lavender off-shoulder knit sweater that feels casual, soft, and cozy.
The mood should feel intimate but tasteful, suitable for a public portfolio case study.
Lighting should feel like a candid low-light bedroom snapshot with soft direct flash, subtle grain, and purple-pink ambient lighting in the room.
The setting should include a bed, soft bedding, and a lived-in bedroom atmosphere with a few subtle decor details.
Generate 3 variations with slightly different poses and expressions:
1. Over-the-shoulder playful glance toward the camera.
2. Sitting casually on the bed with one hand near her hair and a soft smile.
3. Sitting on the bed from a top-down angle, leaning back slightly with both hands on the bed at her sides, looking up at the camera.
The overall feeling should be cozy, candid, feminine, playful, and non-explicit.
Avoid nudity, lingerie emphasis, fetish styling, explicit sexual content, censorship, and pixelation.Loading image carouselHydrating the generated-image viewer.
This preview could not startReload the page to try again.
Generated candid selfie series



Showing Generated candid selfie used as the first chat photo attachment.
Study refresh
The portfolio version kept the loop mechanism but rebuilt the visible content for a public study.
- Renamed the study to
Animated Chat Screen. - Rebuilt the photo attachments as a public-safe generated image pass.
- Added the image prompt disclosure, copy action, carousel, references, and release log.
- Standardized the preview surface across the Design Lab shelf, study page, and standalone component route.
- Renamed the study to
Animated phone screenA looped React and Motion chat screen made for the old phone in the Вайбер promo.
- A browser recording that could become the moving screen layer in the reel and cover.
Source material and tools that shaped the study.