Complaint card flips to five stars

A 9:16 UI story where a complaint card flips into a five-star rating and the last star becomes your logo. Copy the prompt into Claude and make it yours.

Floating UI tiles sit on a pale sage tabletop as a tilted camera drifts over them. A tenant's complaint goes unresolved for weeks, the product answers with a live-typed reply, then the complaint card physically flips over to a happy update while a satisfaction score climbs and the fifth star flies off to become the logo.

Replace the brand, the problem, the reply text, the score and the colours with your own, whether that is a late delivery, a billing error or a broken lift. It suits vertical product stories, case-study clips and Reels or TikTok ads about customer service.

Use it for

Complaint card flips to five stars: five star rating animation

Category: App UI. Format: vertical 9:16.

How to use this scene in Claude

Copy the scene's prompt into claude.ai or the Claude app and Claude builds it as a live preview. For an MP4, pull the scene into Claude Code and render it on your own machine with npx hyperframes render. Or add the Scenes connector (https://scenes.design/mcp) to Claude and just ask for the scene. Full steps: Docs.

More app ui scenes