Beauty Before & After Reveal
A 28-second 9:16 (1080×1920) salon treatment-reveal card built around one moment: a 6px electric-magenta seam that travels across a locked frame and peels the finished result off the before photo. Five scenes — the client in the chair, the seam wipe, the full-bleed reveal, a pearl service card, and a booking close — carried by an obsidian ground with a single bright pearl frame as the breath after the reveal. Magenta never appears before the seam, so the accent belongs to the result. Eight fields are swapped per render: two images (photo_before, photo_after — the after does four jobs at four different focal points) and six text fields (service_name, stylist_name, salon_name, service_note, booking_line, and credit_line for the closing mono row). One salon can run several a week — a colour, a cut, a facial, a gel set — without ever opening an editor.
- Aspect ratio
- 9:16 · Vertical
- Duration
- ~28s
- 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 8 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.
Photo Before
urlphoto_beforehttps://images.unsplash.com/photo-1700760934268-8aa0ef52ce0a?fm=jpg&q=85&w=1400&auto=format
Salon Name
textsalon_nameMaison Vermeil
~50 characters max · 1 line
Service Name
textservice_nameLived-In Balayage
~34 characters max · 2 lines
Stylist Name
textstylist_nameNadia Farrell
~58 characters max · 1 line
Photo After
urlphoto_afterhttps://images.unsplash.com/photo-1554519934-e32b1629d9ee?fm=jpg&q=85&w=1400&auto=format
Service Note
textservice_noteFour hours, three lifts and one clear gloss — cut dry, finished with a soft bevel.
~117 characters max · 3 lines
Booking Line
textbooking_linemaisonvermeil.com · 020 7946 0912
~42 characters max · 1 line
Credit Line
textcredit_lineNadia Farrell · Lived-In Balayage
~81 characters max · 1 line
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": "beauty-before-after-reveal",
"replacements": {
"photo_before": "https://images.unsplash.com/photo-1700760934268-8aa0ef52ce0a?fm=jpg&q=85&w=1400&auto=format",
"salon_name": "Maison Vermeil",
"service_name": "Lived-In\nBalayage",
"stylist_name": "Nadia Farrell",
"photo_after": "https://images.unsplash.com/photo-1554519934-e32b1629d9ee?fm=jpg&q=85&w=1400&auto=format",
"service_note": "Four hours, three lifts and one\nclear gloss — cut dry, finished\nwith a soft bevel."
}
}'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": "beauty-before-after-reveal",
"replacements": {
"photo_before": "https://images.unsplash.com/photo-1700760934268-8aa0ef52ce0a?fm=jpg&q=85&w=1400&auto=format",
"salon_name": "Maison Vermeil",
"service_name": "Lived-In\nBalayage",
"stylist_name": "Nadia Farrell",
"photo_after": "https://images.unsplash.com/photo-1554519934-e32b1629d9ee?fm=jpg&q=85&w=1400&auto=format",
"service_note": "Four hours, three lifts and one\nclear gloss — cut dry, finished\nwith a soft bevel."
}
}'The body above shows 6 of 8 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/beauty-before-after-reveal/variables. See the previewing guide, the rendering guide, or the OpenAPI spec.
Frequently asked questions
How do I customize the Beauty Before & After Reveal template?
Open the template in the Renderly editor and replace its 8 customizable fields (such as Photo Before) 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, 8 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
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.
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.
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.