Social Media Video Template

Product Hunt Launch - Mobile App

A 17.6-second 16:9 launch video for a mobile app, built to be filled in and rendered in one pass: five beats - lockup, three features, then the ask - over an alternating cream / navy / blue rhythm. Every screenshot sits in a phone frame that arrives tilted in 3D and rotates to flat as it lands, and the dark scenes wipe in and out rather than cutting. Eleven variables: logo, product_name, tagline, three portrait screenshots, three feature lines, launch_line and cta_line. It ships with self-contained placeholder art, so it renders complete with nothing uploaded and users replace the parts they have. screenshot_2 and _3 fall back to screenshot_1 if only one capture exists. launch_line is the only Product-Hunt-specific element - clear it and the same render works as a generic launch video for X, LinkedIn or a mailer. Feature lines read best under about 45 characters; longer copy wraps to three lines rather than clipping.

Aspect ratio
16:9 · Horizontal
Duration
~18s
Category
Social Media

Try it with your own copy

Edit a field and the frame re-renders in your browser. No account, no credits - previews are free because they cost a browser paint, not a render.

What you can customize

This template exposes 11 dynamic fields you can swap per video - edit them in the editor or pass them to the API to batch-render variations at scale. The monospace name is the exact key to send in replacements.

  • Screenshot 1

    url
    screenshot_1

    data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0ODgiIGhlaWdodD0iMTAwOCIgdmlld0JveD0iMCAwIDQ4OCAxMDA4Ij48cmVjdCB3aWR0aD0iNDg4IiBoZWlnaHQ9IjEwMDgiIGZpbGw9IiMyRjZCRkYiLz48dGV4dCB4PSI0NCIgeT0iOTUiIGZvbnQtZmFtaWx5PSJKZXRCcmFpbnMgTW9ubywgdWktbW9ub3NwYWNlLCBtb25vc3BhY2UiIGZvbnQtc2l6ZT0iMjQiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC44KSI+OTo0MTwvdGV4dD48cmVjdCB4PSI0MDAuOCIgeT0iNzAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyMiIgcng9IjIiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC44KSIvPjxyZWN0IHg9IjQxNy40MDAwMDAwMDAwMDAwMyIgeT0iNzAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyMiIgcng9IjIiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC44KSIvPjxyZWN0IHg9IjQzNC4wIiB5PSI3MCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjIyIiByeD0iMiIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjgpIi8+PHJlY3QgeD0iNDQiIHk9IjE3MCIgd2lkdGg9IjQwMCIgaGVpZ2h0PSI2MCIgcng9IjMwIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMjIpIi8+PHJlY3QgeD0iNDQiIHk9IjI1MiIgd2lkdGg9IjQwMCIgaGVpZ2h0PSIyMTAiIHJ4PSIyNiIgZmlsbD0iI2ZmZmZmZiIvPjxyZWN0IHg9IjQ0IiB5PSI0ODQiIHdpZHRoPSI0MDAiIGhlaWdodD0iMTUwIiByeD0iMjYiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC45KSIvPjxyZWN0IHg9IjQ0IiB5PSI2NTYiIHdpZHRoPSI0MDAiIGhlaWdodD0iMTUwIiByeD0iMjYiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC41NSkiLz48cmVjdCB4PSI0NCIgeT0iODI4IiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjE1MCIgcng9IjI2IiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMzIpIi8+PC9zdmc+

  • Logo

    url
    logo

    data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjYiIGhlaWdodD0iMTI2IiB2aWV3Qm94PSIwIDAgMTI2IDEyNiI+PHJlY3Qgd2lkdGg9IjEyNiIgaGVpZ2h0PSIxMjYiIHJ4PSIzMiIgZmlsbD0iIzJGNkJGRiIvPjxjaXJjbGUgY3g9IjYzIiBjeT0iNjMiIHI9IjMwLjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSI5Ii8+PC9zdmc+

  • Product Name

    text
    product_name

    Tidepool

  • Tagline

    text
    tagline

    Save anything. Find it in a second.

    ~97 characters max · 2 lines

  • Feature 1

    text
    feature_1

    Search that reads your mind.

    ~68 characters max · 3 lines

  • Feature 2

    text
    feature_2

    Clip it from anywhere, offline too.

    ~86 characters max · 3 lines

  • Screenshot 2

    url
    screenshot_2

    data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0ODgiIGhlaWdodD0iMTAwOCIgdmlld0JveD0iMCAwIDQ4OCAxMDA4Ij48cmVjdCB3aWR0aD0iNDg4IiBoZWlnaHQ9IjEwMDgiIGZpbGw9IiNGNEYxRUMiLz48cmVjdCB4PSI0NCIgeT0iNjAiIHdpZHRoPSIyNDAiIGhlaWdodD0iNDQiIHJ4PSI4IiBmaWxsPSIjMTMxNjI4Ii8+PHJlY3QgeD0iNDQiIHk9IjEyNCIgd2lkdGg9IjQwMCIgaGVpZ2h0PSI1NiIgcng9IjI4IiBmaWxsPSIjRTZFMkRCIi8+PHRleHQgeD0iNzAiIHk9IjE2MSIgZm9udC1mYW1pbHk9IkdlaXN0LCBzeXN0ZW0tdWksIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjQiIGZpbGw9IiM4QThGQTYiPmludm9pY2XigKY8L3RleHQ+PHJlY3QgeD0iNDQiIHk9IjIwMCIgd2lkdGg9IjQwMCIgaGVpZ2h0PSIxODAiIHJ4PSIyNCIgZmlsbD0iIzJGNkJGRiIvPjxyZWN0IHg9IjQ0IiB5PSI0MDAiIHdpZHRoPSIxOTEiIGhlaWdodD0iMTMwIiByeD0iMjAiIGZpbGw9IiNmZmZmZmYiLz48cmVjdCB4PSIyNTMiIHk9IjQwMCIgd2lkdGg9IjE5MSIgaGVpZ2h0PSIxMzAiIHJ4PSIyMCIgZmlsbD0iI2ZmZmZmZiIvPjxyZWN0IHg9IjQ0IiB5PSI1NTAiIHdpZHRoPSI0MDAiIGhlaWdodD0iMTMwIiByeD0iMjAiIGZpbGw9IiNmZmZmZmYiLz48cmVjdCB4PSI0NCIgeT0iNzAwIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjEzMCIgcng9IjIwIiBmaWxsPSIjZmZmZmZmIi8+PHJlY3QgeD0iNDQiIHk9Ijg1MCIgd2lkdGg9IjQwMCIgaGVpZ2h0PSIxMzAiIHJ4PSIyMCIgZmlsbD0iI2ZmZmZmZiIvPjwvc3ZnPg==

  • Screenshot 3

    url
    screenshot_3

    data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0ODgiIGhlaWdodD0iMTAwOCIgdmlld0JveD0iMCAwIDQ4OCAxMDA4Ij48cmVjdCB3aWR0aD0iNDg4IiBoZWlnaHQ9IjEwMDgiIGZpbGw9IiNGNEYxRUMiLz48cmVjdCB4PSI0NCIgeT0iNTgiIHdpZHRoPSIyNjQiIGhlaWdodD0iNDAiIHJ4PSI4IiBmaWxsPSIjMTMxNjI4Ii8+PGNpcmNsZSBjeD0iNzYiIGN5PSIxNTIiIHI9IjMyIiBmaWxsPSIjMkY2QkZGIi8+PGNpcmNsZSBjeD0iMTU2IiBjeT0iMTUyIiByPSIzMiIgZmlsbD0iI0M5RDZGRiIvPjxjaXJjbGUgY3g9IjIzNiIgY3k9IjE1MiIgcj0iMzIiIGZpbGw9IiNFMERERDYiLz48cmVjdCB4PSI0NCIgeT0iMjEyIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjE2NCIgcng9IjI0IiBmaWxsPSIjZmZmZmZmIi8+PHJlY3QgeD0iNDQiIHk9IjQwMCIgd2lkdGg9IjQwMCIgaGVpZ2h0PSIxNjQiIHJ4PSIyNCIgZmlsbD0iI2ZmZmZmZiIvPjxyZWN0IHg9IjQ0IiB5PSI1ODgiIHdpZHRoPSI0MDAiIGhlaWdodD0iMTY0IiByeD0iMjQiIGZpbGw9IiNmZmZmZmYiLz48cmVjdCB4PSI0NCIgeT0iNzc2IiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjE2NCIgcng9IjI0IiBmaWxsPSIjZmZmZmZmIi8+PC9zdmc+

  • Feature 3

    text
    feature_3

    Shared shelves for your whole team.

    ~72 characters max · 3 lines

  • Launch Line

    text
    launch_line

    ● LIVE ON PRODUCT HUNT TODAY

    ~470 characters max · 3 lines

  • Cta Line

    text
    cta_line

    Upvote us - tidepool.app

Render it from the API

Copy either call below. Both already carry this template's ID and its real variable keys - swap the values for your own.

1. Preview it — free

Same body as a render. Costs no credits, creates no job. Returns a public URL that plays the video in a browser, plus a list of problems with your payload — a mistyped key is otherwise ignored in silence.

curl -X POST https://renderly.video/api/v1/previews \
  -H "Authorization: Bearer $RENDERLY_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
  "templateId": "producthunt-launch-mobile",
  "replacements": {
    "screenshot_1": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0ODgiIGhlaWdodD0iMTAwOCIgdmlld0JveD0iMCAwIDQ4OCAxMDA4Ij48cmVjdCB3aWR0aD0iNDg4IiBoZWlnaHQ9IjEwMDgiIGZpbGw9IiMyRjZCRkYiLz48dGV4dCB4PSI0NCIgeT0iOTUiIGZvbnQtZmFtaWx5PSJKZXRCcmFpbnMgTW9ubywgdWktbW9ub3NwYWNlLCBtb25vc3BhY2UiIGZvbnQtc2l6ZT0iMjQiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC44KSI+OTo0MTwvdGV4dD48cmVjdCB4PSI0MDAuOCIgeT0iNzAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyMiIgcng9IjIiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC44KSIvPjxyZWN0IHg9IjQxNy40MDAwMDAwMDAwMDAwMyIgeT0iNzAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyMiIgcng9IjIiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC44KSIvPjxyZWN0IHg9IjQzNC4wIiB5PSI3MCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjIyIiByeD0iMiIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjgpIi8+PHJlY3QgeD0iNDQiIHk9IjE3MCIgd2lkdGg9IjQwMCIgaGVpZ2h0PSI2MCIgcng9IjMwIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMjIpIi8+PHJlY3QgeD0iNDQiIHk9IjI1MiIgd2lkdGg9IjQwMCIgaGVpZ2h0PSIyMTAiIHJ4PSIyNiIgZmlsbD0iI2ZmZmZmZiIvPjxyZWN0IHg9IjQ0IiB5PSI0ODQiIHdpZHRoPSI0MDAiIGhlaWdodD0iMTUwIiByeD0iMjYiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC45KSIvPjxyZWN0IHg9IjQ0IiB5PSI2NTYiIHdpZHRoPSI0MDAiIGhlaWdodD0iMTUwIiByeD0iMjYiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC41NSkiLz48cmVjdCB4PSI0NCIgeT0iODI4IiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjE1MCIgcng9IjI2IiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMzIpIi8+PC9zdmc+",
    "logo": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjYiIGhlaWdodD0iMTI2IiB2aWV3Qm94PSIwIDAgMTI2IDEyNiI+PHJlY3Qgd2lkdGg9IjEyNiIgaGVpZ2h0PSIxMjYiIHJ4PSIzMiIgZmlsbD0iIzJGNkJGRiIvPjxjaXJjbGUgY3g9IjYzIiBjeT0iNjMiIHI9IjMwLjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSI5Ii8+PC9zdmc+",
    "product_name": "Tidepool",
    "tagline": "Save anything. Find it in a second.",
    "feature_1": "Search that reads your mind.",
    "feature_2": "Clip it from anywhere, offline too."
  }
}'

2. Render it

Change one word in the URL. Keep templateId — it is what links your call to this template, so later improvements reach you automatically.

curl -X POST https://renderly.video/api/v1/renders \
  -H "Authorization: Bearer $RENDERLY_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
  "templateId": "producthunt-launch-mobile",
  "replacements": {
    "screenshot_1": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0ODgiIGhlaWdodD0iMTAwOCIgdmlld0JveD0iMCAwIDQ4OCAxMDA4Ij48cmVjdCB3aWR0aD0iNDg4IiBoZWlnaHQ9IjEwMDgiIGZpbGw9IiMyRjZCRkYiLz48dGV4dCB4PSI0NCIgeT0iOTUiIGZvbnQtZmFtaWx5PSJKZXRCcmFpbnMgTW9ubywgdWktbW9ub3NwYWNlLCBtb25vc3BhY2UiIGZvbnQtc2l6ZT0iMjQiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC44KSI+OTo0MTwvdGV4dD48cmVjdCB4PSI0MDAuOCIgeT0iNzAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyMiIgcng9IjIiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC44KSIvPjxyZWN0IHg9IjQxNy40MDAwMDAwMDAwMDAwMyIgeT0iNzAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyMiIgcng9IjIiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC44KSIvPjxyZWN0IHg9IjQzNC4wIiB5PSI3MCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjIyIiByeD0iMiIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjgpIi8+PHJlY3QgeD0iNDQiIHk9IjE3MCIgd2lkdGg9IjQwMCIgaGVpZ2h0PSI2MCIgcng9IjMwIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMjIpIi8+PHJlY3QgeD0iNDQiIHk9IjI1MiIgd2lkdGg9IjQwMCIgaGVpZ2h0PSIyMTAiIHJ4PSIyNiIgZmlsbD0iI2ZmZmZmZiIvPjxyZWN0IHg9IjQ0IiB5PSI0ODQiIHdpZHRoPSI0MDAiIGhlaWdodD0iMTUwIiByeD0iMjYiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC45KSIvPjxyZWN0IHg9IjQ0IiB5PSI2NTYiIHdpZHRoPSI0MDAiIGhlaWdodD0iMTUwIiByeD0iMjYiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC41NSkiLz48cmVjdCB4PSI0NCIgeT0iODI4IiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjE1MCIgcng9IjI2IiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMzIpIi8+PC9zdmc+",
    "logo": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjYiIGhlaWdodD0iMTI2IiB2aWV3Qm94PSIwIDAgMTI2IDEyNiI+PHJlY3Qgd2lkdGg9IjEyNiIgaGVpZ2h0PSIxMjYiIHJ4PSIzMiIgZmlsbD0iIzJGNkJGRiIvPjxjaXJjbGUgY3g9IjYzIiBjeT0iNjMiIHI9IjMwLjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSI5Ii8+PC9zdmc+",
    "product_name": "Tidepool",
    "tagline": "Save anything. Find it in a second.",
    "feature_1": "Search that reads your mind.",
    "feature_2": "Clip it from anywhere, offline too."
  }
}'

The body above shows 6 of 11 variables. Send any subset — every key you leave out renders its authored default. Read the full contract, with character limits, from GET /api/v1/templates/producthunt-launch-mobile/variables. See the previewing guide, the rendering guide, or the OpenAPI spec.

Frequently asked questions

How do I customize the Product Hunt Launch - Mobile App template?

Open the template in the Renderly editor and replace its 11 customizable fields (such as Screenshot 1) with your own text, images, or video. Every change previews instantly before you render.

How much does it cost to render this template?

Rendering is credit-based - 1 credit equals 1 minute of 1080p video. You only pay when you export, and credits never expire on the pay-as-you-go plan.

Can I generate this video at scale via the API?

Yes. POST this template's ID and a replacements object to /api/v1/renders - one call per row of data, 11 fields swappable per video. Send the same body to /api/v1/previews first to check it for free. No-code integrations like Zapier work the same way.

More Social Media templates

Product Hunt Launch - Dev Tool / CLI template preview

Product Hunt Launch - Dev Tool / CLI

A 27-second 16:9 launch video for products whose demo is a command, not a dashboard - CLIs, APIs, SDKs and developer tools, where a generic screenshot template flatters none of them. Terminal-dark throughout, monospace-led, with the install line as the hero object: it types on character by character behind a blinking caret, and the pill grows to fit whatever command you give it, so a long `npm install -g` never clips. Five scenes on an alternating near-black and paper ground, cut by hard-edge wipes rather than dissolves: the prompt opens with your mark, wordmark, tagline and install command; the command runs and prints its output one line at a time onto a terminal that tilts into the frame and settles flat; a config panel proves how little there is to adopt; a p99 latency card and a live log stream prove it is production-serious; and the close pairs the Product Hunt pill with the command again and an upvote CTA. Every panel is built from primitives rather than uploaded screenshots, so the defaults look finished before you change anything, and the depth is real - each window arrives at an angle and rotates flat over its entry, with a slow sway holding it alive afterwards. Eighteen dynamic fields cover the whole video and all of them are short single-line strings plus one logo image: product_name and install_cmd (each used twice, in the opening and the close), version_line, tagline, the three feature headlines, the five terminal lines (run_cmd, step_1, step_2, success_line, deploy_url), config_filename, metric_label and metric_value, launch_line and cta_line. launch_line is the Product Hunt switch and the only Product-Hunt-specific element in the template: empty it and the orange pill disappears, leaving a generic launch video that works on X, LinkedIn, a landing page or a mailer. A restrained sound design rides under the music - keystrokes under the two typewriters, a whoosh on each scene wipe, and a software tone on the "live in 11.4s" beat. Two notes for integrators: install_cmd renders at a fixed 38px and the pill shrink-wraps around it, so length is free but a very long command makes a wide pill; and the six config lines and six log rows are static sample chrome, since per-token syntax colour cannot survive a single-string replacement.

Webinar Replay Clip template preview

Webinar Replay Clip

A five-scene pull-quote clip cut from a recorded webinar, built so one session becomes five publishable posts: a producer marks five moments and sends five rows, each with the same recording trimmed to a different minute and a different quote. 1920x1080 16:9, 36 seconds at 30fps, alternating near-black and cool-white grounds with a single professional blue carrying every kicker, rule and progress slice. The footage is never trusted to carry a frame alone — it is blurred and scrimmed in the cold open, matted inside a hard bezel for the speaker card, letterboxed to 2.5:1 for the captioned moment, and absent entirely from the pull quote and the closing link. Thirteen dynamic fields swap per render: clip_footage (the trimmed recording, reused across three scenes with three different crops and grades), speaker_photo, speaker_name, speaker_role, speaker_company, speaker_credit, clip_topic, quote_text (set at 52px in the caption band and 88px in the shareable pull quote), session_title, session_line, session_url, clip_index and brand_name.

Scary Story / Creepypasta template preview

Scary Story / Creepypasta

A 9:16 horror short built as a reading machine rather than a poster: one crimson progress rule bleeding across the top edge for the full runtime, a fixed caption band at y=1230, and three beats where a single sentence is held alone. The colour hierarchy is the mechanic — bone is what the voice has already said, ash is what it has not reached, and a solid crimson box marks the word being spoken right now; on the last line the box never appears, because the voice has stopped. Five scenes over 48s at 1080×1920 / 30fps: the hook on void black, the place with word-timed captions over a night photograph, the turn on the video's one ash-grey frame (the same street with the film burned out), the last line held in silence, and a follow card. Per render the operator swaps eleven fields: story_title (used on the hook and the follow card), hook_line, turn_line plus turn_phrase (the nominated phrase, the only place crimson sets type), final_line, channel_handle, the optional part_label and story_credit, and three image slots — backdrop_1 (scene 02), backdrop_1_ghost (the same photograph re-graded for scene 03) and backdrop_2 (scene 04). Scene 02's caption track ships as a pre-timed word-by-word default: Renderly caption overlays have no replaceable field in the template processor, so the story body is swapped through the auto-caption pipeline rather than a plain string replacement.

Ready to make your Product Hunt Launch - Mobile App video?

Customize it in the editor and render in minutes - no design or editing skills required.