Compositions
—
TSX files
Videos Generated
—
MP4 renders
Storage Used
—
MB in generated_videos
Active Renders
0
Idle
Recent Compositions
Recent Videos
⚠️ GOOGLE_AI_STUDIO_API_KEY is not set. Add it to
.env and restart to enable AI Chat.
Get a free key ↗
All Compositions
Generated Videos
Upload TSX Composition
Drop your .tsx file here
Or click to browse. The file must export a default React component using Remotion APIs.
📋 Required file format
// @remotion durationInFrames=900 fps=30 width=1920 height=1080
// ↑ Optional — overrides default composition settings
import React from 'react';
import { AbsoluteFill, useCurrentFrame, interpolate } from 'remotion';
export default function MyVideo() {
const frame = useCurrentFrame();
const opacity = interpolate(frame, [0, 30], [0, 1], {
extrapolateRight: 'clamp',
});
return (
<AbsoluteFill style={{ background: '#070707', opacity }}>
{/* Your animation here */}
</AbsoluteFill>
);
}
Render Jobs