> ## Documentation Index
> Fetch the complete documentation index at: https://docs.quickreel.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Template Style

> We supports a variety of template styles, allowing you to customize the appearance of your videos. This flexibility enables you to create videos that match your video's aesthetic or align with specific themes.

<div
  style={{
display: "flex",
flexWrap: "wrap",
gap: "12px",
}}
>
  <div style={{ textAlign: "center" }}>
    <video
      autoPlay
      muted
      loop
      playsInline
      src="https://d4up8b6dpeb61.cloudfront.net/videos/ai-edit-cinematic.mp4"
      alt="Cinematic"
      style={{
  width: "100%",
  maxWidth: "170px",
  borderRadius: "12px",
  margin: "0",
  padding: "0",
}}
    />

    <h3 style={{ marginTop: "5px", paddingTop: "0" }}>Cinematic</h3>
  </div>

  <div style={{ textAlign: "center" }}>
    <video
      autoPlay
      muted
      loop
      playsInline
      src="https://d4up8b6dpeb61.cloudfront.net/videos/ai-edit-impact.mp4"
      alt="Impact"
      style={{
  width: "100%",
  maxWidth: "170px",
  borderRadius: "12px",
  margin: "0",
  padding: "0",
}}
    />

    <h3 style={{ marginTop: "5px", paddingTop: "0" }}>Impact</h3>
  </div>

  <div style={{ textAlign: "center" }}>
    <video
      autoPlay
      muted
      loop
      playsInline
      src="https://d4up8b6dpeb61.cloudfront.net/videos/ai-edit-vivid.mp4"
      alt="Vivid"
      style={{
  width: "100%",
  maxWidth: "170px",
  borderRadius: "12px",
  margin: "0",
  padding: "0",
}}
    />

    <h3 style={{ marginTop: "5px", paddingTop: "0" }}>Vivid</h3>
  </div>

  <div style={{ textAlign: "center" }}>
    <video
      autoPlay
      muted
      loop
      playsInline
      src="https://d4up8b6dpeb61.cloudfront.net/videos/ai-edit-kinetic.mp4"
      alt="Kinetic"
      style={{
  width: "100%",
  maxWidth: "170px",
  borderRadius: "12px",
  margin: "0",
  padding: "0",
}}
    />

    <h3 style={{ marginTop: "5px", paddingTop: "0" }}>Kinetic</h3>
  </div>

  <div style={{ textAlign: "center" }}>
    <video
      autoPlay
      muted
      loop
      playsInline
      src="https://d4up8b6dpeb61.cloudfront.net/videos/ai-edit-split.mp4"
      alt="Split"
      style={{
  width: "100%",
  maxWidth: "170px",
  borderRadius: "12px",
  margin: "0",
  padding: "0",
}}
    />

    <h3 style={{ marginTop: "5px", paddingTop: "0" }}>Split</h3>
  </div>

  <div style={{ textAlign: "center" }}>
    <video
      autoPlay
      muted
      loop
      playsInline
      src="https://d4up8b6dpeb61.cloudfront.net/videos/ai-edit-storyteller.mp4"
      alt="Storyteller"
      style={{
  width: "100%",
  maxWidth: "170px",
  borderRadius: "12px",
  margin: "0",
  padding: "0",
}}
    />

    <h3 style={{ marginTop: "5px", paddingTop: "0" }}>Storyteller</h3>
  </div>

  <div style={{ textAlign: "center" }}>
    <video
      autoPlay
      muted
      loop
      playsInline
      src="https://d4up8b6dpeb61.cloudfront.net/videos/ai-edit-vivid2.mp4"
      alt="Cinematic"
      style={{
  width: "100%",
  maxWidth: "170px",
  borderRadius: "12px",
  margin: "0",
  padding: "0",
}}
    />

    <h3 style={{ marginTop: "5px", paddingTop: "0" }}>Vivid2</h3>
  </div>

  <div style={{ textAlign: "center" }}>
    <video
      autoPlay
      muted
      loop
      playsInline
      src="https://d4up8b6dpeb61.cloudfront.net/videos/ai-edit-chillguy.mp4"
      alt="Impact"
      style={{
  width: "100%",
  maxWidth: "170px",
  borderRadius: "12px",
  margin: "0",
  padding: "0",
}}
    />

    <h3 style={{ marginTop: "5px", paddingTop: "0" }}>Chillguy</h3>
  </div>

  <div style={{ textAlign: "center" }}>
    <video
      autoPlay
      muted
      loop
      playsInline
      src="https://d4up8b6dpeb61.cloudfront.net/videos/ai-edit-chillguy2.mp4"
      alt="Vivid"
      style={{
  width: "100%",
  maxWidth: "170px",
  borderRadius: "12px",
  margin: "0",
  padding: "0",
}}
    />

    <h3 style={{ marginTop: "5px", paddingTop: "0" }}>Chillguy2</h3>
  </div>

  <div style={{ textAlign: "center" }}>
    <video
      autoPlay
      muted
      loop
      playsInline
      src="https://d4up8b6dpeb61.cloudfront.net/videos/ai-edit-movienight.mp4"
      alt="Kinetic"
      style={{
  width: "100%",
  maxWidth: "170px",
  borderRadius: "12px",
  margin: "0",
  padding: "0",
}}
    />

    <h3 style={{ marginTop: "5px", paddingTop: "0" }}>MovieNight</h3>
  </div>

  <div style={{ textAlign: "center" }}>
    <video
      autoPlay
      muted
      loop
      playsInline
      src="https://d4up8b6dpeb61.cloudfront.net/videos/ai-edit-vortex.mp4"
      alt="Split"
      style={{
  width: "100%",
  maxWidth: "170px",
  borderRadius: "12px",
  margin: "0",
  padding: "0",
}}
    />

    <h3 style={{ marginTop: "5px", paddingTop: "0" }}>Vortex</h3>
  </div>

  <div style={{ textAlign: "center" }}>
    <video
      autoPlay
      muted
      loop
      playsInline
      src="https://d4up8b6dpeb61.cloudfront.net/videos/ai-edit-satisfying.mp4"
      alt="Split"
      style={{
  width: "100%",
  maxWidth: "170px",
  borderRadius: "12px",
  margin: "0",
  padding: "0",
}}
    />

    <h3 style={{ marginTop: "5px", paddingTop: "0" }}>Satisfying</h3>
  </div>
</div>