Settings

    Preview image guidelines

    Every upload needs a preview · reviewed by hand before it goes live

    VP0 is a wall of beautiful iOS app designs, and the preview image is the whole experience. It is the tile people see on the feed, the cover on your design's page, and the still that plays before the live simulator.

    Because the preview carries so much, a real one is required on every upload, and each is reviewed and approved by hand before it goes live. Follow these and approval is quick.

    The numbers

    Shape
    Portrait, 5:9 (an iPhone screen). Same shape as every tile on the wall.
    Minimum size
    736 x 1308 px
    Recommended size
    1290 x 2322 px (crisp on retina, matches a modern iPhone screen)
    Format
    PNG, JPG, or WebP
    Color
    Full color. We re-encode to WebP and AVIF for you, so upload the highest quality you have.

    Do

    • Show the real screen

      Upload an actual screen of your app, edge to edge, exactly as it looks running on an iPhone. This is what people see first, so make it your best screen.

    • Fill the frame

      The design should reach all four edges. No browser chrome, no desktop window, no laptop or phone-in-hand mockup around it. The tile IS the phone.

    • Lead with your strongest screen

      Pick the screen that looks most beautiful and most clearly says what the app is. You can add more screens in the gallery below the cover.

    • Respect the safe areas

      Keep important content out of the very top (status bar / notch) and very bottom (home indicator) so nothing gets clipped behind a device frame on the detail page.

    Don't

    • No watermarks or logos

      No overlaid watermarks, signatures, store badges, or promo banners across the screen.

    • No marketing text added on top

      Don't paste headlines, arrows, or ad copy over the screen. The UI in the screen is fine; added marketing text is not.

    • No borders, frames, or padding

      Don't add rounded device bezels, drop shadows, colored borders, or empty margins. Upload the clean screen and we frame it where it makes sense.

    • Nothing against the rules

      No nudity or sexual content, hate, gore, or anything illegal. Designs that break this are rejected.

    • No bait

      The preview must match the actual app. A gorgeous cover that has nothing to do with the design will be rejected.

    Tip: the cleanest previews are simply a high-resolution screenshot of your app running on an iPhone simulator, with no editing at all.

    What runs in the live preview

    Designs are React Native and run live in the browser (via react-native-web) in a sandbox. Here is what the live simulator supports today. Anything that needs a real device still uploads fine, it just shows your cover instead of a live run.

    Fully supported· renders faithfully
    • React Native core: View, Text, ScrollView, FlatList, Pressable, Image, TextInput, Animated, StyleSheet, and the rest
    • react-navigation: native-stack + bottom-tabs (real screens, params, headers, tab bar)
    • react-native-svg and lucide-react-native icons
    • react-native-safe-area-context (real device insets)
    • expo-linear-gradient, expo-blur, expo-image, expo-status-bar, expo-font, expo-haptics
    • AsyncStorage
    Renders, with limits· shows, but degrades in a still preview
    • react-native-reanimated: settles to the final animated state (no live motion)
    • react-native-gesture-handler: renders, gestures are inert
    • @expo/vector-icons / react-native-vector-icons: placeholder glyphs (use lucide for real icons)
    • react-native-screens
    Not supported live· needs a native device; the design shows its cover
    • Camera, maps, Bluetooth / NFC, location / sensors, biometrics, push notifications, in-app purchases, and other native-only modules