---
title: "30-second product explainer motion graphic"
description: "A 30-second product explainer motion graphic built with canvas, SVG, GSAP, and CSS."
canonical: "https://potto.ai/videos/hand-drawn-photosynthesis-diagram-synced-to-voiceover"
language: "en"
datePublished: "2026-09-26"
---

# 30-second product explainer motion graphic

A 30-second product explainer motion graphic built with canvas, SVG, GSAP, and CSS.

A 30-second motion-graphics explainer for a product. The brief asks for a strong script, a clear color palette, and music. The animation is built with canvas, SVG, GSAP, and CSS.

- [Explainer](https://potto.ai/videos/explainer.md)
- by sudo_kiran
- Length & ratio: 0:30 · 16:9
- Made with: Canvas, SVG, GSAP, CSS
- Published Sep 26, 2026
- View original: https://x.com/sudo_kiran/status/2103761658745335993

## Prompt

```text
create best motion graphics explainer of the (your product) with very good script and good design colors and good music make sure the video should be incredible and people should feels like watch it many times.. it has to be in 30 seconds good and very intresting, it has to be best of the best of the best of the best video
(product link)
```

## 30-second product explainer motion graphic FAQ

How 30-second product explainer motion graphic was made, what its prompt says, and how to make Explainer videos like it with Potto.

### What is 30-second product explainer motion graphic?

30-second product explainer motion graphic is a motion graphics video by sudo_kiran in the Explainer collection. A 30-second product explainer motion graphic built with canvas, SVG, GSAP, and CSS.

### How was 30-second product explainer motion graphic made?

30-second product explainer motion graphic was made with Canvas, SVG, GSAP, and CSS. It is part of the Explainer collection of AI motion graphics videos on Potto.

### Is the prompt for 30-second product explainer motion graphic available?

Yes. The full prompt behind 30-second product explainer motion graphic is on this page. Copy it, or click Use this prompt to open it in the Potto workspace.

### How long is 30-second product explainer motion graphic, and what is its aspect ratio?

30-second product explainer motion graphic runs 0:30 in a 16:9 frame.

### Can I make Explainer videos like 30-second product explainer motion graphic with Potto?

Yes. Click Use this prompt to load the prompt behind 30-second product explainer motion graphic into the Potto workspace. Potto renders its own version, and you can change the text and style before you export.

### Where can I watch the original 30-second product explainer motion graphic?

30-second product explainer motion graphic was first posted by its creator. Click View original to open that post in a new tab.

### Where can I find more Explainer videos like 30-second product explainer motion graphic?

Browse the Explainer collection on Potto: 264 videos, each with its prompt, specs and source.