Create real TikTok Grid mockups using our mockup builder - no Photoshop or design skills needed.
This template shows the TikTok video thumbnail grid as it appears in TikTok’s dark theme - the three-column grid rendered against a dark background with dark-mode UI chrome.
It’s the dark-mode counterpart to the TikTok Grid (Light) template.
TikTok’s dark theme changes the spaces around and between thumbnails from light to dark. For grids where the thumbnail images have light or white edges, this creates a very different visual rhythm. Images that looked well-separated and clean against a light background can appear to float disconnectedly against a dark one - or, conversely, images with dark edges can blend together in a way that obscures the grid structure.
This template lets you evaluate the grid aesthetic in both states before committing to a publishing plan.
Pair with the light mode template in the same workspace. Send both to clients together so they can evaluate the grid in both conditions before approving the content plan.
Watch for light-edged thumbnails. Cover images with white backgrounds, light borders or very pale compositions show the strongest visual shift in dark mode. If several of your planned thumbnails share this quality, the dark mode grid view may look more fragmented than intended.
Join thousands of social media marketers like you using Mockupduck to plan, visualize and get fast approval on their social media content