> ## Documentation Index
> Fetch the complete documentation index at: https://whip.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Whip highlight reels: your app's visuals

> Highlight reels are the images and video people see before they play your Whip app. Auto-capture them from your running app or upload your own.

Highlight reels are the visuals carousel on a published app — the images and video people swipe through in the feed before they tap play. Whip auto-captures highlights straight from your real running app the moment your build finishes, and you can upload your own images or video too. You get up to 10 visuals, with one short video allowed.

Good visuals do a lot of quiet work: they're the first impression that decides whether someone plays your app or scrolls past.

## Where your visuals come from

You have two ways to fill your carousel, and you can mix them.

<Tabs>
  <Tab title="Auto-captured by Whip">
    As soon as your app finishes building, Whip starts generating highlights
    from your real, running app — actual frames of the thing you made, not AI
    artwork. You'll see live capture progress as it works, and the visuals are
    often ready before you even reach the publish screen. When you get to the
    [visuals step](/sharing/publish-your-app), they're waiting for you.
  </Tab>

  <Tab title="Your own uploads">
    Prefer to show it your way? Upload your own images or a video instead of, or
    alongside, the auto-captured ones. Handy when you want a specific moment, a
    custom intro frame, or a clip you recorded yourself.
  </Tab>
</Tabs>

## The limits, plainly

<CardGroup cols={2}>
  <Card title="Up to 10 visuals" icon="images">
    Your carousel holds a maximum of 10 items total — any mix of images and
    video.
  </Card>

  <Card title="One video, kept short" icon="video">
    You can include at most one video, up to 30 seconds long and up to 50 MB.
  </Card>

  <Card title="Drag to reorder" icon="move">
    Rearrange your visuals by dragging them — the first one is what people see
    first, so lead with your strongest.
  </Card>

  <Card title="Swap any time" icon="refresh-cw">
    Not happy with a shot? Remove it and add another before you publish.
  </Card>
</CardGroup>

<Tip>
  Put your most eye-catching visual first. In a fast-scrolling
  [feed](/discover/the-feed), the opening image is what earns the tap on
  **Try Whip**.
</Tip>

## Where your visuals show up

Your highlight reel travels with your app across Whip:

* **Feed cards** — the carousel people swipe through before playing.
* **The app sheet** — the detail view that opens when someone taps your app.
* **Instagram shares** — when someone [shares your app](/sharing/share-links) to Instagram, a preview image goes along for the ride.

<Note>
  Highlight reels are for **published** apps — they're part of the [publish
  flow](/sharing/publish-your-app). A private app you only share by link doesn't
  need a carousel.
</Note>

## Common questions

<AccordionGroup>
  <Accordion title="Do I have to add visuals myself?" icon="wand-sparkles">
    No. Whip auto-captures them from your running app, so you can publish
    without lifting a finger. Uploading your own is an option, not a
    requirement.
  </Accordion>

  <Accordion title="Are the visuals AI-generated art?" icon="camera">
    No. Auto-captured visuals are real frames from your actual app — what people
    will really see when they play it.
  </Accordion>

  <Accordion title="Can I change my visuals after publishing?" icon="pen-line">
    Your carousel is set during the [publish
    flow](/sharing/publish-your-app). To refresh it, you can update your app and
    publish again.
  </Accordion>

  <Accordion title="Why is my capture still working?" icon="loader">
    Graphics-heavy apps take a little longer to capture. You'll see live
    progress — give it a moment and your highlights will appear.
  </Accordion>
</AccordionGroup>

## Related

<CardGroup cols={2}>
  <Card title="Publish your app" icon="rocket" href="/sharing/publish-your-app">
    Where the visuals step fits in the full publish flow.
  </Card>

  <Card title="Share links" icon="link" href="/sharing/share-links">
    Send your app to friends — Instagram shares carry a preview image.
  </Card>
</CardGroup>