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


![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/)

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