Render CLI

npx remotion render remotion/index.tsx BarChart output.mp4 --codec=h264

Composition code

import { AbsoluteFill, useCurrentFrame, interpolate, Easing } from "remotion";
import { TrendingUp } from "lucide-react";

export const BarChart: React.FC = () => {
  const frame = useCurrentFrame();

  const data = [
    { label: "Jan", value: 30 },
    { label: "Feb", value: 45 },
    { label: "Mar", value: 65 },
    { label: "Apr", value: 40 },
    { label: "May", value: 85 },

Bar Chart

Animated bar chart with smooth grow-in effects and data labels for presentations.

Data Business

Duration8s

Resolution1920 × 1080

Frame rate30 fps

Frames240

Browse all templates

This is a free, open-source template. Copy the code and drop it into your Remotion project.

Related templates

View

Bar Chart

Related templates

Data Viz

Metric Dashboard

Team Grid