Templates

/** @jsxImportSource vargai */
import { Render, Clip, Image, Video } from "vargai/react"
import { createVarg } from "vargai/ai"

const varg = createVarg({ apiKey: process.env.VARG_API_KEY! })

const image = Image({
  model: varg.imageModel("nano-banana-pro"),
  prompt: "cute cat character, big eyes, Pixar style",
  aspectRatio: "9:16",
})

export default (
  <Render width={1080} height={1920}>
    <Clip duration={5}>
      <Video
        prompt={{ text: "cat waves hello, bounces happily", images: [image] }}
        model={varg.videoModel("kling-v3")}
      />
    </Clip>
  </Render>
)

bunx vargai render minimal.tsx --verbose

/** @jsxImportSource vargai */
import { Render, Clip, Image, Music } from "vargai/react"
import { createVarg } from "vargai/ai"

const varg = createVarg({ apiKey: process.env.VARG_API_KEY! })

const SCENES = [
  "tropical beach at sunset, golden light",
  "mountain peaks at dawn, misty valleys",
  "city skyline at night, neon reflections",
  "autumn forest trail, golden leaves falling",
]

export default (
  <Render width={1080} height={1920}>
    <Music prompt="chill ambient lofi, relaxing" model={varg.musicModel()} volume={0.3} duration={16} />
    {SCENES.map((prompt, i) => (
      <Clip key={i} duration={4} transition={{ name: "fade", duration: 0.5 }}>
        <Image prompt={prompt} model={varg.imageModel("nano-banana-pro")} aspectRatio="9:16" zoom="in" />
      </Clip>
    ))}
  </Render>
)

/** @jsxImportSource vargai */
import { Render, Clip, Image, Video, Music, Title, Packshot } from "vargai/react"
import { createVarg } from "vargai/ai"

const varg = createVarg({ apiKey: process.env.VARG_API_KEY! })

const product = Image({
  model: varg.imageModel("nano-banana-pro"),
  prompt: "sleek wireless headphones, matte black, floating on dark background, studio lighting",
  aspectRatio: "9:16",
})

const hero = Video({
  model: varg.videoModel("kling-v3"),
  prompt: { text: "product slowly rotates, dramatic lighting shifts", images: [product] },
  duration: 5,
})

export default (
  <Render width={1080} height={1920}>
    <Music prompt="premium brand, minimal electronic, sophisticated" model={varg.musicModel()} volume={0.25} duration={10} />
    <Clip duration={5}>
      {hero}
      <Title position="bottom" color="#ffffff">Premium Sound</Title>
    </Clip>
    <Clip duration={3} transition={{ name: "fade", duration: 0.5 }}>
      <Packshot background="#000000" cta="Shop Now" blinkCta />
    </Clip>
  </Render>
)

bunx vargai render template.tsx --preview   # Free preview (placeholders)
bunx vargai render template.tsx --verbose   # Full render (costs credits)

# Background rendering
nohup bunx vargai render template.tsx --verbose > output/render.log 2>&1 &