Header image for test

test

Prompt

Create a fully interactive iPhone 13 simulator using only HTML, CSS, and vanilla JavaScript, with everything contained in a single index.html file. Make it look and feel like a real iPhone 13, including: Realistic iPhone frame, notch, status bar, buttons, wallpaper, and Home Indicator. Lock Screen with clock, date, notifications, flashlight and camera shortcuts. Functional Home Screen with app icons, Dock, multiple pages, swipe gestures, and app animations. iOS-style Control Center and Notification Center. App Switcher with swipe-to-close functionality. Functional apps: Phone, Messages, Safari, Camera, Photos, Settings, Clock, Calculator, Calendar, Weather, Notes, Music, Maps, Files, and App Store. Working touch gestures: swipe up for Home, swipe down for Control Center/Notifications, and swipe left/right between pages. Dark Mode, brightness, volume, Wi-Fi/Bluetooth toggles, wallpaper selection, and other basic settings. Use localStorage to save settings, notes, messages, installed apps, and preferences. Smooth iOS-style animations, blur effects, shadows, rounded corners, and responsive design. Camera should use getUserMedia() when browser permission is available. No React, Vue, Bootstrap, Tailwind, or external frameworks. Use CSS/SVG for icons instead of copyrighted Apple assets. Make the UI polished, realistic, and actually functional rather than just a visual mockup. Return ONLY the complete index.html code. Do not include explanations or unfinished sections.

A system prompt was added to support web rendering

Drag to resize
Drag to resize