Product Hunt Launch - Browser Extension
A 22-second 16:9 launch video for anything that overlays a host page - a browser extension, a bookmarklet, an overlay SDK - where the whole pitch is that the product appears inside a page the viewer already recognises. Five scenes on a slate and paper rhythm with an electric yellow accent, cut by five ground wipes rather than dissolves. The second beat is the one that sells it: a host page fills the frame and the product's popup slides in over it, so the viewer sees the product in its real context instead of in a screenshot of its own UI. Then one click to install, a shelf of everything saved across sites, and the launch ask. Twelve dynamic fields: logo, product_name, tagline, three captures (screenshot_1, screenshot_2, screenshot_3), three one-line feature claims (feature_1, feature_2, feature_3), store_line, launch_line and cta_line. store_line is the field this template adds that the others do not have - the install button on scenes 03 and 05, sized for wording like "Add to Chrome - free". Two notes on the images: screenshot_2 is the capture that sits behind white type on scene 03, so it wants to be a dark screenshot, and screenshot_1 is the host page the popup lands on rather than a picture of the product itself. All three ship with self-contained placeholder art, so the template renders complete before anything is uploaded. launch_line is the only Product Hunt specific element in the template, and it is a single self-contained overlay - the pill's orange is that overlay's own background, and it carries its own bullet glyph. Drop that one overlay and the badge and the Product Hunt colour go with it, leaving a generic launch video for X, LinkedIn, a landing page or a mailer. Note that an empty launch_line does NOT hide it: the renderer draws placeholder text for an empty string, so omit the overlay rather than blanking the field. Scene 05 sets the store button and the upvote button at fixed widths, so a long product_name will not re-centre the closing lockup - keep it short. Set in Geist and JetBrains Mono.
- Aspect ratio
- 16:9 · Horizontal
- Duration
- ~22s
- Category
- Branding
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 12 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.
Logo
urllogodata:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzIiIGhlaWdodD0iMTMyIiB2aWV3Qm94PSIwIDAgMTMyIDEzMiI+PHJlY3Qgd2lkdGg9IjEzMiIgaGVpZ2h0PSIxMzIiIHJ4PSIzMiIgZmlsbD0iI0YyRTE0QyIvPjxjaXJjbGUgY3g9IjY2IiBjeT0iNjYiIHI9IjMyIiBmaWxsPSJub25lIiBzdHJva2U9IiMxNDE4MUQiIHN0cm9rZS13aWR0aD0iMTAiLz48L3N2Zz4=
Product Name
textproduct_nameSift
~15 characters max · 1 line
Tagline
texttaglineHighlight anything on the web. Keep it forever.
~87 characters max · 2 lines
Screenshot 2
urlscreenshot_2data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MjAiIGhlaWdodD0iNDgwIiB2aWV3Qm94PSIwIDAgNTIwIDQ4MCI+PHJlY3Qgd2lkdGg9IjUyMCIgaGVpZ2h0PSI0ODAiIGZpbGw9IiMxRDIzMkEiLz48cmVjdCB4PSI0MSIgeT0iNDEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgcng9IjE0IiBmaWxsPSIjRjJFMTRDIi8+PHJlY3QgeD0iMTE1IiB5PSI1OCIgd2lkdGg9IjE3MCIgaGVpZ2h0PSIyMiIgcng9IjUiIGZpbGw9IiMyYzM0M2QiLz48cmVjdCB4PSI0MSIgeT0iMTIzIiB3aWR0aD0iNDM4IiBoZWlnaHQ9IjYwIiByeD0iMTIiIGZpbGw9IiMyNTJkMzUiLz48cmVjdCB4PSI0MSIgeT0iMjA4IiB3aWR0aD0iNDM4IiBoZWlnaHQ9IjYwIiByeD0iMTIiIGZpbGw9IiMyNTJkMzUiLz48cmVjdCB4PSI0MSIgeT0iMjk0IiB3aWR0aD0iNDM4IiBoZWlnaHQ9IjYwIiByeD0iMTIiIGZpbGw9IiNGMkUxNEMiLz48cmVjdCB4PSI0MSIgeT0iMzgwIiB3aWR0aD0iNDM4IiBoZWlnaHQ9IjYwIiByeD0iMTIiIGZpbGw9IiMyNTJkMzUiLz48L3N2Zz4=
Feature 1
textfeature_1It shows up where you already are.
~61 characters max · 2 lines
Screenshot 1
urlscreenshot_1data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjYwIiBoZWlnaHQ9IjY4MCIgdmlld0JveD0iMCAwIDE2NjAgNjgwIj48cmVjdCB3aWR0aD0iMTY2MCIgaGVpZ2h0PSI2ODAiIGZpbGw9IiNmZmZmZmYiLz48cmVjdCB4PSI3MCIgeT0iNTYiIHdpZHRoPSI1NzgiIGhlaWdodD0iMzAiIHJ4PSI2IiBmaWxsPSIjZThlOGUwIi8+PHJlY3QgeD0iNzAiIHk9IjEyMCIgd2lkdGg9IjkwMCIgaGVpZ2h0PSIyMiIgcng9IjUiIGZpbGw9IiNlZWVlZTgiLz48cmVjdCB4PSI3MCIgeT0iMTYyIiB3aWR0aD0iOTAwIiBoZWlnaHQ9IjIyIiByeD0iNSIgZmlsbD0iI2VlZWVlOCIvPjxyZWN0IHg9IjcwIiB5PSIyMDQiIHdpZHRoPSI3NzQiIGhlaWdodD0iMjIiIHJ4PSI1IiBmaWxsPSIjRjJFMTRDIi8+PHJlY3QgeD0iNzAiIHk9IjI0NiIgd2lkdGg9IjU3NiIgaGVpZ2h0PSIyMiIgcng9IjUiIGZpbGw9IiNGMkUxNEMiLz48cmVjdCB4PSI3MCIgeT0iMjg4IiB3aWR0aD0iOTAwIiBoZWlnaHQ9IjIyIiByeD0iNSIgZmlsbD0iI2VlZWVlOCIvPjxyZWN0IHg9IjcwIiB5PSIzMzAiIHdpZHRoPSI2NjYiIGhlaWdodD0iMjIiIHJ4PSI1IiBmaWxsPSIjZWVlZWU4Ii8+PC9zdmc+
Feature 2
textfeature_2No account. No setup. Just pin it.
~52 characters max · 3 lines
Store Line
textstore_lineAdd to Chrome - free
~138 characters max · 2 lines
Feature 3
textfeature_3Every tab, every site, one shelf.
~58 characters max · 2 lines
Screenshot 3
urlscreenshot_3data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MDciIGhlaWdodD0iNTA2IiB2aWV3Qm94PSIwIDAgNTA3IDUwNiI+PHJlY3Qgd2lkdGg9IjUwNyIgaGVpZ2h0PSI1MDYiIGZpbGw9IiNmZmZmZmYiLz48cmVjdCB4PSIyOCIgeT0iMjgiIHdpZHRoPSIyMjUiIGhlaWdodD0iMTgiIHJ4PSI1IiBmaWxsPSIjZWVlZWU4Ii8+PHJlY3QgeD0iMjgiIHk9IjYyIiB3aWR0aD0iMjE4IiBoZWlnaHQ9IjExMCIgcng9IjEyIiBmaWxsPSIjZWVlZWU4Ii8+PHJlY3QgeD0iMjYxIiB5PSI2MiIgd2lkdGg9IjIxOCIgaGVpZ2h0PSIxMTAiIHJ4PSIxMiIgZmlsbD0iI0YyRTE0QyIvPjxyZWN0IHg9IjI4IiB5PSIxODgiIHdpZHRoPSIyMTgiIGhlaWdodD0iMTEwIiByeD0iMTIiIGZpbGw9IiNlZWVlZTgiLz48cmVjdCB4PSIyNjEiIHk9IjE4OCIgd2lkdGg9IjIxOCIgaGVpZ2h0PSIxMTAiIHJ4PSIxMiIgZmlsbD0iI2VlZWVlOCIvPjwvc3ZnPg==
Launch Line
textlaunch_line● LIVE ON PRODUCT HUNT TODAY
~310 characters max · 2 lines
Cta Line
textcta_lineUpvote us - sift.tools
~70 characters max · 2 lines
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-extension",
"replacements": {
"logo": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzIiIGhlaWdodD0iMTMyIiB2aWV3Qm94PSIwIDAgMTMyIDEzMiI+PHJlY3Qgd2lkdGg9IjEzMiIgaGVpZ2h0PSIxMzIiIHJ4PSIzMiIgZmlsbD0iI0YyRTE0QyIvPjxjaXJjbGUgY3g9IjY2IiBjeT0iNjYiIHI9IjMyIiBmaWxsPSJub25lIiBzdHJva2U9IiMxNDE4MUQiIHN0cm9rZS13aWR0aD0iMTAiLz48L3N2Zz4=",
"product_name": "Sift",
"tagline": "Highlight anything on the web. Keep it forever.",
"screenshot_2": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MjAiIGhlaWdodD0iNDgwIiB2aWV3Qm94PSIwIDAgNTIwIDQ4MCI+PHJlY3Qgd2lkdGg9IjUyMCIgaGVpZ2h0PSI0ODAiIGZpbGw9IiMxRDIzMkEiLz48cmVjdCB4PSI0MSIgeT0iNDEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgcng9IjE0IiBmaWxsPSIjRjJFMTRDIi8+PHJlY3QgeD0iMTE1IiB5PSI1OCIgd2lkdGg9IjE3MCIgaGVpZ2h0PSIyMiIgcng9IjUiIGZpbGw9IiMyYzM0M2QiLz48cmVjdCB4PSI0MSIgeT0iMTIzIiB3aWR0aD0iNDM4IiBoZWlnaHQ9IjYwIiByeD0iMTIiIGZpbGw9IiMyNTJkMzUiLz48cmVjdCB4PSI0MSIgeT0iMjA4IiB3aWR0aD0iNDM4IiBoZWlnaHQ9IjYwIiByeD0iMTIiIGZpbGw9IiMyNTJkMzUiLz48cmVjdCB4PSI0MSIgeT0iMjk0IiB3aWR0aD0iNDM4IiBoZWlnaHQ9IjYwIiByeD0iMTIiIGZpbGw9IiNGMkUxNEMiLz48cmVjdCB4PSI0MSIgeT0iMzgwIiB3aWR0aD0iNDM4IiBoZWlnaHQ9IjYwIiByeD0iMTIiIGZpbGw9IiMyNTJkMzUiLz48L3N2Zz4=",
"feature_1": "It shows up where you already are.",
"screenshot_1": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjYwIiBoZWlnaHQ9IjY4MCIgdmlld0JveD0iMCAwIDE2NjAgNjgwIj48cmVjdCB3aWR0aD0iMTY2MCIgaGVpZ2h0PSI2ODAiIGZpbGw9IiNmZmZmZmYiLz48cmVjdCB4PSI3MCIgeT0iNTYiIHdpZHRoPSI1NzgiIGhlaWdodD0iMzAiIHJ4PSI2IiBmaWxsPSIjZThlOGUwIi8+PHJlY3QgeD0iNzAiIHk9IjEyMCIgd2lkdGg9IjkwMCIgaGVpZ2h0PSIyMiIgcng9IjUiIGZpbGw9IiNlZWVlZTgiLz48cmVjdCB4PSI3MCIgeT0iMTYyIiB3aWR0aD0iOTAwIiBoZWlnaHQ9IjIyIiByeD0iNSIgZmlsbD0iI2VlZWVlOCIvPjxyZWN0IHg9IjcwIiB5PSIyMDQiIHdpZHRoPSI3NzQiIGhlaWdodD0iMjIiIHJ4PSI1IiBmaWxsPSIjRjJFMTRDIi8+PHJlY3QgeD0iNzAiIHk9IjI0NiIgd2lkdGg9IjU3NiIgaGVpZ2h0PSIyMiIgcng9IjUiIGZpbGw9IiNGMkUxNEMiLz48cmVjdCB4PSI3MCIgeT0iMjg4IiB3aWR0aD0iOTAwIiBoZWlnaHQ9IjIyIiByeD0iNSIgZmlsbD0iI2VlZWVlOCIvPjxyZWN0IHg9IjcwIiB5PSIzMzAiIHdpZHRoPSI2NjYiIGhlaWdodD0iMjIiIHJ4PSI1IiBmaWxsPSIjZWVlZWU4Ii8+PC9zdmc+"
}
}'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-extension",
"replacements": {
"logo": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzIiIGhlaWdodD0iMTMyIiB2aWV3Qm94PSIwIDAgMTMyIDEzMiI+PHJlY3Qgd2lkdGg9IjEzMiIgaGVpZ2h0PSIxMzIiIHJ4PSIzMiIgZmlsbD0iI0YyRTE0QyIvPjxjaXJjbGUgY3g9IjY2IiBjeT0iNjYiIHI9IjMyIiBmaWxsPSJub25lIiBzdHJva2U9IiMxNDE4MUQiIHN0cm9rZS13aWR0aD0iMTAiLz48L3N2Zz4=",
"product_name": "Sift",
"tagline": "Highlight anything on the web. Keep it forever.",
"screenshot_2": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MjAiIGhlaWdodD0iNDgwIiB2aWV3Qm94PSIwIDAgNTIwIDQ4MCI+PHJlY3Qgd2lkdGg9IjUyMCIgaGVpZ2h0PSI0ODAiIGZpbGw9IiMxRDIzMkEiLz48cmVjdCB4PSI0MSIgeT0iNDEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgcng9IjE0IiBmaWxsPSIjRjJFMTRDIi8+PHJlY3QgeD0iMTE1IiB5PSI1OCIgd2lkdGg9IjE3MCIgaGVpZ2h0PSIyMiIgcng9IjUiIGZpbGw9IiMyYzM0M2QiLz48cmVjdCB4PSI0MSIgeT0iMTIzIiB3aWR0aD0iNDM4IiBoZWlnaHQ9IjYwIiByeD0iMTIiIGZpbGw9IiMyNTJkMzUiLz48cmVjdCB4PSI0MSIgeT0iMjA4IiB3aWR0aD0iNDM4IiBoZWlnaHQ9IjYwIiByeD0iMTIiIGZpbGw9IiMyNTJkMzUiLz48cmVjdCB4PSI0MSIgeT0iMjk0IiB3aWR0aD0iNDM4IiBoZWlnaHQ9IjYwIiByeD0iMTIiIGZpbGw9IiNGMkUxNEMiLz48cmVjdCB4PSI0MSIgeT0iMzgwIiB3aWR0aD0iNDM4IiBoZWlnaHQ9IjYwIiByeD0iMTIiIGZpbGw9IiMyNTJkMzUiLz48L3N2Zz4=",
"feature_1": "It shows up where you already are.",
"screenshot_1": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjYwIiBoZWlnaHQ9IjY4MCIgdmlld0JveD0iMCAwIDE2NjAgNjgwIj48cmVjdCB3aWR0aD0iMTY2MCIgaGVpZ2h0PSI2ODAiIGZpbGw9IiNmZmZmZmYiLz48cmVjdCB4PSI3MCIgeT0iNTYiIHdpZHRoPSI1NzgiIGhlaWdodD0iMzAiIHJ4PSI2IiBmaWxsPSIjZThlOGUwIi8+PHJlY3QgeD0iNzAiIHk9IjEyMCIgd2lkdGg9IjkwMCIgaGVpZ2h0PSIyMiIgcng9IjUiIGZpbGw9IiNlZWVlZTgiLz48cmVjdCB4PSI3MCIgeT0iMTYyIiB3aWR0aD0iOTAwIiBoZWlnaHQ9IjIyIiByeD0iNSIgZmlsbD0iI2VlZWVlOCIvPjxyZWN0IHg9IjcwIiB5PSIyMDQiIHdpZHRoPSI3NzQiIGhlaWdodD0iMjIiIHJ4PSI1IiBmaWxsPSIjRjJFMTRDIi8+PHJlY3QgeD0iNzAiIHk9IjI0NiIgd2lkdGg9IjU3NiIgaGVpZ2h0PSIyMiIgcng9IjUiIGZpbGw9IiNGMkUxNEMiLz48cmVjdCB4PSI3MCIgeT0iMjg4IiB3aWR0aD0iOTAwIiBoZWlnaHQ9IjIyIiByeD0iNSIgZmlsbD0iI2VlZWVlOCIvPjxyZWN0IHg9IjcwIiB5PSIzMzAiIHdpZHRoPSI2NjYiIGhlaWdodD0iMjIiIHJ4PSI1IiBmaWxsPSIjZWVlZWU4Ii8+PC9zdmc+"
}
}'The body above shows 6 of 12 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-extension/variables. See the previewing guide, the rendering guide, or the OpenAPI spec.
Frequently asked questions
How do I customize the Product Hunt Launch - Browser Extension template?
Open the template in the Renderly editor and replace its 12 customizable fields (such as Logo) 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, 12 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 Branding templates
Earnings Report Card
A wire-service style quarterly earnings card for one company: the headline, revenue against last year and consensus, net income and diluted EPS, full-year guidance, and a closing four-row results table. Comparisons carry their sign in the value and are never colour-coded, so a miss reads as calmly as a beat. 22 seconds, 16:9 (1920x1080). Dynamic fields: publisher_name, quarter_label, company_name, ticker_line, report_date, headline, revenue_value, revenue_change, revenue_estimate, income_value, income_change, eps_value, eps_estimate, guidance_label, guidance_value, guidance_note. Built to render for hundreds of companies off an earnings feed every reporting season.
Product Launch Motion Reel
A beat-synced motion-graphics launch reel, built entirely with Renderly's motion engine: keyframe tracks, scene groups with camera moves, motion blur on whips, a typed code card, a 24-tile video wall and step counters, all cut to a 125 BPM music track with sound effects on the hits. 15 seconds, 16:9 (1920x1080). Dynamic fields on the end card: brand_name, headline and cta_url. Open it as a reference for building your own motion templates - every move is plain overlay JSON.
Market Close Card
A terminal-style daily market card for one index, ticker or coin: where it closed, how far it moved and which way in gain green, loss red or flat grey, the session range, three movers and the next session. 24 seconds, 16:9 (1920x1080). Dynamic fields: session_date, session_label, asset_name, asset_symbol, close_value, change_up / change_down / change_flat (fill one, send a single space for the others), open_value, high_value, low_value, prev_close, mover_1-3_symbol, mover_1-3_price, mover_1-3_up / mover_1-3_down, next_session and publisher_name. Built to render unattended off a price feed every session.