> For the complete documentation index, see [llms.txt](https://docs.shipped.club/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shipped.club/components/explainer-video.md).

# Explainer video

A component to include a section with your video in which you show your product, or just a recording of yourself explaining why they should buy your product.\
\
I use [Screen Studio](https://screenstudio.lemonsqueezy.com?aff=O9Xdy) for all my screen recordings. It is a product made by indie hackers as well.

<figure><img src="/files/pQZhXuHuD2ZY9oFQPtpB" alt=""><figcaption></figcaption></figure>

Component: `<ExplainerVideo />`\
File: `src/components/ExplainerVideo/ExplainerVideo.tsx`

{% code title="page.tsx" %}

```typescript
import { ExplainerVideo } from "@/components/ExplainerVideo/ExplainerVideo";
```

{% endcode %}

***

{% hint style="info" %}
If you need basic components like buttons, inputs, etc, they are all available with [ChakraUI](https://chakra-ui.com/).
{% endhint %}