remotion-business-templates

Production-ready Remotion video templates for agencies and businesses. Create client testimonials, property listings, social ads, branded intros, and metric recaps — all programmatically with React.

Templates

Template	Use Case	Duration	Dimensions	Ideal For
Testimonial	Client testimonial videos	6s	1080x1080	Instagram, LinkedIn
Property Listing	Real estate / short-term rental showcase	7.5s	1080x1080	Instagram, Facebook
Social Ad	Social media advertisements	4s	Adaptive	Instagram, Facebook, LinkedIn
Branded Intro	Video bumper / intro clip	7s	1920x1080	YouTube, presentations
Weekly Recap	Business metrics and highlights	8.7s	1920x1080	LinkedIn, internal comms

Preview

Screenshots and GIF previews will be added here after first render.

Quick Start

# Clone the repository
git clone https://github.com/your-org/remotion-business-templates.git
cd remotion-business-templates

# Install dependencies
npm install

# Open Remotion Studio (visual editor)
npx remotion studio

Remotion Studio opens in your browser where you can preview all templates, adjust props via the sidebar, and render videos.

Customisation

Every template is fully driven by props — no hardcoded content.

Changing brand colours

Pass your brand colour as a hex string to brandColor:

<Testimonial
  brandColor="#FF6B00"
  // ...other props
/>

Changing logos

Pass a URL to logoUrl. Supports any image format (PNG, SVG, WebP).

Changing content

All text, images, and data are props. Update them directly in the Remotion Studio sidebar, via the CLI, or programmatically in code:

<WeeklyRecap
  title="Monthly Report"
  period="March 2026"
  metrics={[
    { label: 'Revenue', value: 45000, change: 15, isPositive: true, prefix: '$' },
    // ...
  ]}
  highlights={['Launched v2 of the product', 'Hit 1000 active users']}
/>

Rendering

Render as MP4

npx remotion render Testimonial out/testimonial.mp4

Render as GIF

npx remotion render Testimonial out/testimonial.gif --image-format=png --codec=gif

Render a still frame

npx remotion still Testimonial out/testimonial-frame.png --frame=60

Override props via CLI

npx remotion render Testimonial out/custom.mp4 --props='{"clientName":"John Doe","quote":"Incredible service!","brandColor":"#FF6B00"}'

Render all templates

npx remotion render Testimonial out/testimonial.mp4
npx remotion render PropertyListing out/property.mp4
npx remotion render SocialAd-Instagram out/social-ig.mp4
npx remotion render SocialAd-Facebook out/social-fb.mp4
npx remotion render SocialAd-LinkedIn out/social-li.mp4
npx remotion render BrandedIntro out/intro.mp4
npx remotion render WeeklyRecap out/recap.mp4

API / Props Reference

Testimonial

Prop	Type	Default	Description
clientName	string	"Jane Smith"	Full name of the client
clientTitle	string	"Marketing Director"	Client's job title or role
clientPhoto	string (URL)	placeholder	URL to the client's photo
quote	string	sample quote	The testimonial quote text
brandColor	string (hex)	"#2563EB"	Primary brand colour
logoUrl	string (URL)	placeholder	URL to the company logo
duration	number	180	Total duration in frames

Property Listing

Prop	Type	Default	Description
propertyName	string	"Luxury Beachfront Villa"	Name or title of the property
location	string	"Santa Marta, Colombia"	Location / suburb / city
price	string	"$350 / night"	Formatted display price
bedrooms	number	3	Number of bedrooms
bathrooms	number	2	Number of bathrooms
features	string[]	6 sample features	Key features or amenities
images	string[] (URLs)	placeholders	Property image URLs
brandColor	string (hex)	"#2563EB"	Primary brand colour
logoUrl	string (URL)	placeholder	URL to the company logo

Social Ad

Prop	Type	Default	Description
headline	string	"Grow Your Business 3x Faster"	Primary headline text
subheadline	string	sample text	Supporting subheadline
ctaText	string	"Get Started"	Call-to-action button text
ctaUrl	string	"www.example.com"	CTA destination URL displayed on screen
backgroundImage	string (URL)	placeholder	Background image URL
brandColor	string (hex)	"#2563EB"	Primary brand colour
logoUrl	string (URL)	placeholder	URL to the company logo
platform	"instagram" | "facebook" | "linkedin"	"instagram"	Target platform (adjusts styling)

Branded Intro

Prop	Type	Default	Description
brandName	string	"Acme Agency"	The brand or company name
tagline	string	"Results that speak for themselves"	Tagline displayed beneath the name
logoUrl	string (URL)	placeholder	URL to the brand logo
brandColor	string (hex)	"#2563EB"	Primary brand colour
accentColor	string (hex)	"#7C3AED"	Secondary / accent colour

Weekly Recap

Prop	Type	Default	Description
title	string	"Weekly Performance Report"	Title on the intro card
period	string	"18 Mar – 24 Mar 2026"	The reporting period
metrics	Metric[]	4 sample metrics	Array of business metrics
metrics[].label	string	—	Metric label (e.g. "Revenue")
metrics[].value	number	—	Numeric value
metrics[].change	number	—	Percentage change
metrics[].isPositive	boolean	—	Whether change is positive
metrics[].prefix	string?	—	Optional prefix (e.g. "$")
metrics[].suffix	string?	—	Optional suffix (e.g. "%")
highlights	string[]	3 sample highlights	Key accomplishments
brandColor	string (hex)	"#2563EB"	Primary brand colour
logoUrl	string (URL)	placeholder	URL to the company logo

Project Structure

src/
  index.ts                     # Entry point
  Root.tsx                      # Composition registry
  components/
    Logo.tsx                    # Reusable logo with animations
    AnimatedText.tsx            # Text animation component
    CountUp.tsx                 # Animated number counter
  styles/
    theme.ts                    # Shared colours, fonts, spacing
  templates/
    testimonial/
      index.tsx                 # Testimonial template
      schema.ts                 # Zod prop schema
    property-listing/
      index.tsx                 # Property listing template
      schema.ts
    social-ad/
      index.tsx                 # Social ad template
      schema.ts
    branded-intro/
      index.tsx                 # Branded intro template
      schema.ts
    weekly-recap/
      index.tsx                 # Weekly recap template
      schema.ts

Contributing

See CONTRIBUTING.md for guidelines.

License

MIT