New funnel: copy a tested prompt here, then run it directly on Nano Banana at C Dance AI.

Try Nano Banana
Back to Prompts
ChatGPT
Coding
intermediate

Web App UI with QR Code

Generate a mock UI for a web application with modern styling and CSS. Place a QR code with the encoding payload 'https://google.com'. The QR code must be scannable.

By Camaraderie
Updated December 2, 2025
#chatgpt
#modern
#code

The Prompt

Run in Nano Banana

![Modern web app mockup UI featuring a prominent scannable QR code linking to google.com.](https://raw.githubusercontent.com/muset-ai/awesome-nano-banana-pro/main/cases/26/case.png)

## The Prompt

Generate a mock UI for a web application with modern styling and CSS. Place a QR code with the encoding payload 'https://google.com'. The QR code must be scannable.


## Credits

Author: [Camaraderie](https://www.reddit.com/user/Camaraderie/)

Ready to test this prompt?

Copy it here, then open Nano Banana on C Dance AI to generate or refine the result with your own references.

Open Nano Banana

Modern web app mockup UI featuring a prominent scannable QR code linking to google.com.

The Prompt

Generate a mock UI for a web application with modern styling and CSS. Place a QR code with the encoding payload 'https://google.com'. The QR code must be scannable.

Credits

Author: Camaraderie

Related Prompts

Code Review Assistant

Get detailed code reviews with suggestions for improvements and best practices

Character Stepping Through Portal

A 3D chibi-style version of the person in the photo is stepping through a glowing portal, reaching out and holding the viewer’s hand. As the character pulls the viewer forward, they turn back with a d...

Code Style Business Card

Generate creative code-style business cards with technical aesthetic