Free template · Text

Quote Card

Testimonial with weight: oversized quote mark (swappable for your own SVG) and four text entrances via `animateIn`: wrapped lines, words dropping into place, character typewriter, or blurred words settling into focus. Spec `time.appear` sets how fast the whole card lands, `time.hold` how long it stays; a `pull-out` camera widens as the card enters.

Change design

Aspect ratio

What's included

Everything needed to render

No media required Your design tokens Remotion component Editable JSON spec

Template props

Inputs

quotetextRequired

authortextRequired

roletextOptional

variantstandard | compactOptional

animateInlines | words | typewriter | blur-inOptional

revealDurationSecauto | numberOptional

markSvgtextOptional

avatartextOptional

JSON spec

Copy and customize

This exact spec drives the preview. Replace media paths and props with your own.

{
  "theme": "<your-brand-tokens>",
  "version": 1,
  "format": "square",
  "fps": 60,
  "durationSec": 8,
  "source": {
    "type": "none"
  },
  "sound": {
    "enabled": true,
    "volume": 1,
    "sounds": {}
  },
  "overlays": [
    {
      "template": "quote-card",
      "region": "center",
      "time": {
        "appear": 2,
        "hold": 6
      },
      "camera": {
        "preset": "pull-out",
        "amount": 0.06,
        "frequency": 2.4,
        "seed": 0,
        "time": {
          "start": 0,
          "duration": 4
        },
        "easing": "ease-in-out"
      },
      "reveal": "typewriter",
      "props": {
        "quote": "We stopped briefing designers for launch clips. The templates already know our brand.",
        "author": "Ricardo Metring",
        "role": "Developer of OverlayMotion",
        "avatar": "/demo/avatar.png",
        "animateIn": "words"
      }
    }
  ]
}