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

# Mockup Examples

> Explore a variety of modeling case studies with our tutorial videos and improve your mockup creation skills.

## Modeling Example 1

Quickly create a mockup with an **overlay** image.

<Frame caption="Let's walk through creating a clock mockup as an example.">
  <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/cX81kDIQhIg" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />
</Frame>

## Modeling Example 2

Use **3D mesh warp** to design a curved mockup.

<Frame caption="Let's walk through creating a mug mockup as an example.">
  <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/psZTGssILhY" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />
</Frame>

## Modeling Example 3

Make your mockup more realistic with **multiply blend mode**.

<Frame caption="Let's walk through creating an umbrella mockup as an example.">
  <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/KbZvZxRPP0U" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />
</Frame>