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

# Made with Percify: AI video examples

> Videos made with Percify: talking avatars, podcast hosts, news anchors, product ads, explainers, 3D and illustrated characters, sports intros and animated trailers.

A wall of videos made with Percify, the same set shown on the app's home hub. Press play on any of them. To make your own, start with the [quickstart](/quickstart) or [make a talking avatar from a photo](/percify/avatar-studio).

<div className="grid grid-cols-2 sm:grid-cols-4 gap-4 not-prose">
  <div>
    <video controls muted playsInline preload="none" poster="/assets/made-with/percify-made-with-podcast-host.webp" src="https://cdn.percify.io/avatars-videos/percify-ai-avatar-mollie.mp4" aria-label="Podcast host, a video made with Percify" className="w-full rounded-xl object-cover bg-black" style={{ aspectRatio: '9 / 16' }} />

    <p className="mt-2 mb-0 text-sm text-gray-600 dark:text-gray-400">Podcast host</p>
  </div>

  <div>
    <video controls muted playsInline preload="none" poster="/assets/made-with/percify-made-with-news-anchor.webp" src="https://cdn.percify.io/videos/avatar-6.mp4" aria-label="News anchor, a video made with Percify" className="w-full rounded-xl object-cover bg-black" style={{ aspectRatio: '9 / 16' }} />

    <p className="mt-2 mb-0 text-sm text-gray-600 dark:text-gray-400">News anchor</p>
  </div>

  <div>
    <video controls muted playsInline preload="none" poster="/assets/made-with/percify-made-with-linkedin-square.webp" src="https://cdn.percify.io/videos/avatar-8.mp4" aria-label="LinkedIn square video, a video made with Percify" className="w-full rounded-xl object-cover bg-black" style={{ aspectRatio: '9 / 16' }} />

    <p className="mt-2 mb-0 text-sm text-gray-600 dark:text-gray-400">LinkedIn square video</p>
  </div>

  <div>
    <video controls muted playsInline preload="none" poster="/assets/made-with/percify-made-with-music-video.webp" src="https://cdn.percify.io/avatars-videos/showcase-video-6.mp4" aria-label="Music video, a video made with Percify" className="w-full rounded-xl object-cover bg-black" style={{ aspectRatio: '9 / 16' }} />

    <p className="mt-2 mb-0 text-sm text-gray-600 dark:text-gray-400">Music video</p>
  </div>

  <div>
    <video controls muted playsInline preload="none" poster="/assets/made-with/percify-made-with-explainer.webp" src="https://cdn.percify.io/videos/avatar-4.mp4" aria-label="Explainer, a video made with Percify" className="w-full rounded-xl object-cover bg-black" style={{ aspectRatio: '9 / 16' }} />

    <p className="mt-2 mb-0 text-sm text-gray-600 dark:text-gray-400">Explainer</p>
  </div>

  <div>
    <video controls muted playsInline preload="none" poster="/assets/made-with/percify-made-with-product-ad.webp" src="https://cdn.percify.io/avatars-videos/m2-res_1906p.mp4" aria-label="Product ad, a video made with Percify" className="w-full rounded-xl object-cover bg-black" style={{ aspectRatio: '9 / 16' }} />

    <p className="mt-2 mb-0 text-sm text-gray-600 dark:text-gray-400">Product ad</p>
  </div>

  <div>
    <video controls muted playsInline preload="none" poster="/assets/made-with/percify-made-with-marble.webp" src="https://cdn.percify.io/avatars-videos/percify-ai-avatar-maya.mp4" aria-label="Marble statue that talks, a video made with Percify" className="w-full rounded-xl object-cover bg-black" style={{ aspectRatio: '9 / 16' }} />

    <p className="mt-2 mb-0 text-sm text-gray-600 dark:text-gray-400">Marble statue that talks</p>
  </div>

  <div>
    <video controls muted playsInline preload="none" poster="/assets/made-with/percify-made-with-multi-angle-scene.webp" src="https://cdn.percify.io/landing-page/xy-mascot-multiangle-1781194024645-95da1a.mp4" aria-label="Multi angle scene, a video made with Percify" className="w-full rounded-xl object-cover bg-black" style={{ aspectRatio: '9 / 16' }} />

    <p className="mt-2 mb-0 text-sm text-gray-600 dark:text-gray-400">Multi angle scene</p>
  </div>

  <div>
    <video controls muted playsInline preload="none" poster="/assets/made-with/percify-made-with-3d-character.webp" src="https://cdn.percify.io/avatars-videos/percify-ai-avatar-tyler.mp4" aria-label="3D character, a video made with Percify" className="w-full rounded-xl object-cover bg-black" style={{ aspectRatio: '9 / 16' }} />

    <p className="mt-2 mb-0 text-sm text-gray-600 dark:text-gray-400">3D character</p>
  </div>

  <div>
    <video controls muted playsInline preload="none" poster="/assets/made-with/percify-made-with-company-update.webp" src="https://cdn.percify.io/videos/avatar-7.mp4" aria-label="Company update, a video made with Percify" className="w-full rounded-xl object-cover bg-black" style={{ aspectRatio: '9 / 16' }} />

    <p className="mt-2 mb-0 text-sm text-gray-600 dark:text-gray-400">Company update</p>
  </div>

  <div>
    <video controls muted playsInline preload="none" poster="/assets/made-with/percify-made-with-cloned-voice.webp" src="https://cdn.percify.io/videos/percify-ai-avatar-christine.mp4" aria-label="Her voice, cloned, a video made with Percify" className="w-full rounded-xl object-cover bg-black" style={{ aspectRatio: '9 / 16' }} />

    <p className="mt-2 mb-0 text-sm text-gray-600 dark:text-gray-400">Her voice, cloned</p>
  </div>

  <div>
    <video controls muted playsInline preload="none" poster="/assets/made-with/percify-made-with-walk-on-intro.webp" src="https://cdn.percify.io/percify-effects/sports/walk-on-intro.mp4" aria-label="Walk-on intro, a video made with Percify" className="w-full rounded-xl object-cover bg-black" style={{ aspectRatio: '9 / 16' }} />

    <p className="mt-2 mb-0 text-sm text-gray-600 dark:text-gray-400">Walk-on intro</p>
  </div>

  <div>
    <video controls muted playsInline preload="none" poster="/assets/made-with/percify-made-with-cinematic-look.webp" src="https://cdn.percify.io/avatars-videos/percify-ai-avatar-alex.mp4" aria-label="Cinematic look, a video made with Percify" className="w-full rounded-xl object-cover bg-black" style={{ aspectRatio: '9 / 16' }} />

    <p className="mt-2 mb-0 text-sm text-gray-600 dark:text-gray-400">Cinematic look</p>
  </div>

  <div>
    <video controls muted playsInline preload="none" poster="/assets/made-with/percify-made-with-product-asmr.webp" src="https://cdn.percify.io/percify-effects/glass-asmr-video.mp4" aria-label="Product ASMR, a video made with Percify" className="w-full rounded-xl object-cover bg-black" style={{ aspectRatio: '9 / 16' }} />

    <p className="mt-2 mb-0 text-sm text-gray-600 dark:text-gray-400">Product ASMR</p>
  </div>

  <div>
    <video controls muted playsInline preload="none" poster="/assets/made-with/percify-made-with-victory-moment.webp" src="https://cdn.percify.io/percify-effects/sports/victory-celebration.mp4" aria-label="Victory moment, a video made with Percify" className="w-full rounded-xl object-cover bg-black" style={{ aspectRatio: '9 / 16' }} />

    <p className="mt-2 mb-0 text-sm text-gray-600 dark:text-gray-400">Victory moment</p>
  </div>

  <div>
    <video controls muted playsInline preload="none" poster="/assets/made-with/percify-made-with-podcast-cut.webp" src="https://cdn.percify.io/avatars-videos/showcase-video-2.mp4" aria-label="Podcast cut, a video made with Percify" className="w-full rounded-xl object-cover bg-black" style={{ aspectRatio: '9 / 16' }} />

    <p className="mt-2 mb-0 text-sm text-gray-600 dark:text-gray-400">Podcast cut</p>
  </div>

  <div>
    <video controls muted playsInline preload="none" poster="/assets/made-with/percify-made-with-training-montage.webp" src="https://cdn.percify.io/percify-effects/sports/training-montage.mp4" aria-label="Training montage, a video made with Percify" className="w-full rounded-xl object-cover bg-black" style={{ aspectRatio: '9 / 16' }} />

    <p className="mt-2 mb-0 text-sm text-gray-600 dark:text-gray-400">Training montage</p>
  </div>

  <div>
    <video controls muted playsInline preload="none" poster="/assets/made-with/percify-made-with-illustrated-style.webp" src="https://cdn.percify.io/avatars-videos/percify-ai-avatar-sarah.mp4" aria-label="Illustrated style, a video made with Percify" className="w-full rounded-xl object-cover bg-black" style={{ aspectRatio: '9 / 16' }} />

    <p className="mt-2 mb-0 text-sm text-gray-600 dark:text-gray-400">Illustrated style</p>
  </div>

  <div>
    <video controls muted playsInline preload="none" poster="/assets/made-with/percify-made-with-animated-trailer.webp" src="https://cdn.percify.io/percify-effects/animation-trailer.mp4" aria-label="Animated trailer, a video made with Percify" className="w-full rounded-xl object-cover bg-black" style={{ aspectRatio: '9 / 16' }} />

    <p className="mt-2 mb-0 text-sm text-gray-600 dark:text-gray-400">Animated trailer</p>
  </div>

  <div>
    <video controls muted playsInline preload="none" poster="/assets/made-with/percify-made-with-3d-characters.webp" src="https://cdn.percify.io/percify-effects/fruit-love-island.mp4" aria-label="3D characters, a video made with Percify" className="w-full rounded-xl object-cover bg-black" style={{ aspectRatio: '9 / 16' }} />

    <p className="mt-2 mb-0 text-sm text-gray-600 dark:text-gray-400">3D characters</p>
  </div>
</div>

## Related

<CardGroup cols={2}>
  <Card title="Make a talking avatar from a photo" href="/percify/avatar-studio">
    The how-to behind most of these videos
  </Card>

  <Card title="Percify AI studios" href="/showcase/studios">
    The seven tools, each with its own video
  </Card>
</CardGroup>