RemotionUI

AI Composer Showcase

Reel cutting through five AI composer interfaces — ChatGPT, Claude, v0, Claude Code, and OpenCode — with title and end cards.

CompositionCompositionsAdvanced

ai-composer-showcase30fps · 960×540
Install
$ npx remotion-ui@latest add ai-composer-showcase

A title card fades into five composer interfaces in sequence — ChatGPT, Claude, v0, Claude Code, and OpenCode — each labelled with its standout feature, then closes on an end card.

Built from the five AI composer scenes. Swap the SCENES list in the composition source to reorder, drop, or add interfaces.

1920×1080 showcase reel: title card, five AI composer scenes (ChatGPT, Claude, v0, Claude Code, OpenCode) each with a feature label, then an end card. No props — customize by editing the SCENES list in source.

Agent notes

Install first, then import the copied source component locally. AI guide →

Import
@/compositions/ai-composer-showcase
  • Use when: complete video templates that can be customized as source.
  • Customize: edit the copied source file for timing, layout, colors, and typography.
  • Rule: do not import this component from the remotion-ui npm package; it is copied into your project.

Usage

Example
import { AiComposerShowcase } from "@/compositions/ai-composer-showcase"; <AiComposerShowcase />

API Reference

Related