How do I use the YouTube Dark Mode Desktop UI Mockup template?
Choose the primary action to open PicX Studio with the available template settings. Review the model and format, personalize the creative direction, and generate when ready.
Generates a highly detailed, accurate mockup of the YouTube desktop homepage in dark mode, complete with a populated sidebar, filter pills, and a 12-video grid featuring recognizable educational and entertainment channel thumbnails. (free to use) — Free AI image template on PicX Studio.
{ "type": "desktop UI mockup", "application": "YouTube homepage", "theme": "{argument name=\"theme\" default=\"dark mode\"}", "browser_window": { "url_bar": "{argument name=\"browser URL\" default=\"youtube.com\"}", "tabs": 1, "elements": ["back/forward buttons", "refresh", "extensions", "profile avatar"] }, "layout": { "sidebar": { "position": "left", "sections": [ { "title": "Main", "count": 3, "items": ["Home", "Shorts", "Subscriptions"] }, { "title": "You", "count": 6, "items": ["Your channel", "History", "Playlists", "Your videos", "Watch later", "Liked videos"] }, { "title": "Subscriptions", "count": 8, "items": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a...", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "Show more"] }, { "title": "Explore", "count": 7, "items": ["Trending", "Music", "Films", "Live", "Gaming", "News", "Sport"] }, { "title": "More from YouTube", "count": 3, "items": ["YouTube Premium", "YouTube Music", "YouTube Kids"] } ] }, "top_filter_bar": { "count": 11, "labels": ["All", "Gaming", "Music", "Live", "Podcasts", "Mixes", "Science", "Lo-fi", "Thrillers", "Recently uploaded", "Watched"] }, "video_grid": { "layout": "4 rows by 3 columns", "count": 12, "videos": [ { "title": "Why Build Your Own GPU is Almost Impossible", "channel": "Linus Tech Tips", "thumbnail": "GPU chip with red arrow" }, { "title": "Survive 100 Days In Circle, Win $500,000", "channel": "MrBeast", "thumbnail": "MrBeast smiling with contestants in background" }, { "title": "What If We Nuke an Asteroid?", "channel": "Kurzgesagt - In a Nutshell", "thumbnail": "Missile approaching an asteroid in space" }, { "title": "How Dubai Became a $10 Billion City", "channel": "ColdFusion", "thumbnail": "Man next to Dubai skyline with text '$0 TO $10B'" }, { "title": "The Beautiful Math of Euler's Identity", "channel": "3Blue1Brown", "thumbnail": "Math equation and spiral graph on black background" }, { "title": "The World in 2040 - Population, Climate & More", "channel": "Veritasium", "thumbnail": "Lush green forest with text 'The World in 2040'" }, { "title": "I've Been Using Linux For 12 Years, This Is What Finally...", "channel": "DistroTube", "thumbnail": "Laptop and smartphone with a blue arrow connecting them" }, { "title": "Black Holes Explained - From Birth to Death", "channel": "Khan Academy", "thumbnail": "Glowing orange accretion disk of a black hole" }, { "title": "The Problem With Diet Advice", "channel": "Andrew Huberman", "thumbnail": "Man in black shirt with text 'the problem with diet advice'" }, { "title": "How to Learn Anything (Evidence-Based)", "channel": "Ali Abdaal", "thumbnail": "Flat illustration of a man reading a book surrounded by colorful leaves" }, { "title": "The Last of Us Part 2 is a Masterpiece", "channel": "Naughty Dog", "thumbnail": "Gritty portrait of Ellie with game logo" }, { "title": "lofi hip hop radio - beats to relax/study to", "channel": "Lofi Girl", "thumbnail": "Anime girl studying at a desk with city view at sunset" } ] } }, "os_environment": { "os": "{argument name=\"operating system\" default=\"Windows 10\"}", "taskbar_position": "bottom", "visible_icons": ["Start", "Search bar", "Task View", "File Explorer", "Edge", "Spotify"], "system_tray": ["network", "volume", "battery", "clock showing 08:34 03/04/2024"] } }
Use YouTube Dark Mode Desktop UI Mockup to plan an AI image around gpt-image-2 generation, themes such as en and gpt-image-2. Match the preview's composition first, then personalize the subject, setting, and mood for your own project.
Use the primary action to load the template settings in PicX Studio.
Adjust the subject and creative details for your destination.
Create the image, compare the result with the preview, and refine one variable at a time.
A continuous mix — similar concepts first, woven with same-model prompts and fresh picks from the catalog.
Choose the primary action to open PicX Studio with the available template settings. Review the model and format, personalize the creative direction, and generate when ready.
Yes. You can change the subject, setting, lighting, mood, format, and available model controls before creating your image.
This template is free to open and customize. Generation usage is shown in PicX Studio before you create.
Start with gpt-image-2, which is the model associated with this template. You can compare another compatible model for a different finish.
A continuous mix — similar concepts first, woven with same-model prompts and fresh picks from the catalog.
Follow a topic to a crawlable collection of related PicX Studio templates.
28,404 public templates available. Verified via the PicX Studio public templates API; refreshed hourly.