Scene
SceneShell
Outermost wrapper for every scene in a video composition with theme-driven background and layout.
Installation
npm install @ai-animate/core
Usage
import { SceneShell } from '@ai-animate/core'
<SceneShell layout="split-60-40">
<CinematicWord text="Ship faster." />
</SceneShell>
Props
childrenReact.ReactNodeundefinedScene content
layoutSceneLayoutundefinedOverride the theme's defaultLayout for this specific scene
backgroundConfigBackgroundConfigundefinedOverride the theme's background config for this scene
overlayConfigOverlayConfigundefinedOverride the theme's overlay for this scene
classNamestring''Extra CSS class on the content container
noPaddingbooleanfalseDisable the default scene padding