{
  "$schema": "https://remocomp.shourov.workers.dev/schema/ai-index.json",
  "version": "1.0.0",
  "schemaVersion": "1.1.0",
  "generatedAt": "2026-10-14T17:00:47.241Z",
  "description": "Remocomp Low-Token Remotion Component Registry Index for AI Agents",
  "totalComponents": 23,
  "offset": 0,
  "limit": 100,
  "nextOffset": null,
  "components": [
    {
      "name": "Analogy Scene",
      "slug": "analogy-scene",
      "category": "scenes",
      "summary": "Two-panel contrast scene pairing the thing being explained against a familiar comparison. The second panel springs in after the first, with independent accent colours and badges.",
      "tags": [
        "analogy",
        "comparison",
        "contrast",
        "before-after",
        "mental-model",
        "explainer"
      ],
      "fps": 30,
      "durationInFrames": 75,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "Introducing a mental model before the mechanism",
        "Contrasting an old approach with a new one",
        "Translating an abstract concept into something familiar",
        "Replacing a per-video two-column comparison that only differs by copy"
      ],
      "avoidWhen": [
        "The comparison has more than two sides",
        "Both panels should read neutrally rather than as before/after",
        "The relationship is sequential, where StepFlowScene fits better"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add analogy-scene",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/analogy-scene.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/analogy-scene.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/analogy-scene",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/analogy-scene/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/analogy-scene/preview"
      }
    },
    {
      "name": "Browser Frame",
      "slug": "browser-frame",
      "category": "primitives",
      "summary": "Desktop web client viewport with macOS traffic lights, SSL lock, URL typing, and content slot.",
      "tags": [
        "browser",
        "web",
        "viewport",
        "url",
        "chrome",
        "desktop",
        "client",
        "primitive"
      ],
      "fps": 30,
      "durationInFrames": 60,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "Web request origins and OAuth redirect flows",
        "Frontend client perspective in client-server architecture",
        "API endpoint calls and web app demonstrations"
      ],
      "avoidWhen": [
        "3D product showcases (use mockup-frame)",
        "Command-line terminal demos (use terminal-window instead)"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add browser-frame",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/browser-frame.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/browser-frame.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/browser-frame",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/browser-frame/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/browser-frame/preview"
      }
    },
    {
      "name": "Data Structure Grid",
      "slug": "data-structure-grid",
      "category": "scenes",
      "summary": "Indexed cells visualizer for arrays, stacks, trees, and memory frames with pointers and states.",
      "tags": [
        "data-structure",
        "array",
        "stack",
        "tree",
        "memory",
        "algorithm",
        "pointers",
        "scene"
      ],
      "fps": 30,
      "durationInFrames": 90,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "Array indexing, pointer shifts, and memory cells",
        "Memory allocation, cache lines, and pointer arithmetic explainers",
        "Binary search partitions (low / mid / high pointers)"
      ],
      "avoidWhen": [
        "Architecture diagrams without indexed memory",
        "Arbitrary non-indexed UI layouts"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add data-structure-grid",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/data-structure-grid.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/data-structure-grid.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/data-structure-grid",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/data-structure-grid/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/data-structure-grid/preview"
      }
    },
    {
      "name": "Database Node",
      "slug": "database-node",
      "category": "primitives",
      "summary": "Cylinder database storage unit illustrating internal architecture tiers (Buffer Pool, B-Tree Index, WAL Storage) with live read, write, scan, and row lock activity indicators.",
      "tags": [
        "database",
        "db",
        "sql",
        "storage",
        "btree",
        "cache",
        "backend",
        "primitive"
      ],
      "fps": 30,
      "durationInFrames": 60,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "Database indexing and B-tree disk lookup explainers",
        "Read replicas, write transactions, and race condition row locks",
        "Cache hit vs database cold miss architectural flows"
      ],
      "avoidWhen": [
        "High-level generic cloud icons without storage tiers",
        "Frontend web clients (use browser-frame instead)"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add database-node",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/database-node.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/database-node.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/database-node",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/database-node/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/database-node/preview"
      }
    },
    {
      "name": "Dilemma Card",
      "slug": "dilemma-card",
      "category": "scenes",
      "summary": "Technical dilemma card highlighting critical bugs, security vulnerabilities, and latency traps.",
      "tags": [
        "dilemma",
        "hook",
        "bug",
        "vulnerability",
        "bottleneck",
        "paradox",
        "explainer",
        "scene"
      ],
      "fps": 30,
      "durationInFrames": 90,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "Hook scenes highlighting vulnerabilities and bugs",
        "Security vulnerability and race condition explainers",
        "Highlighting bottlenecks, cold starts, and single points of failure"
      ],
      "avoidWhen": [
        "Celebrations or closing takeaways",
        "Two-sided analogies (use analogy-scene instead)"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add dilemma-card",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/dilemma-card.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/dilemma-card.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/dilemma-card",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/dilemma-card/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/dilemma-card/preview"
      }
    },
    {
      "name": "Eyebrow Badge",
      "slug": "eyebrow-badge",
      "category": "primitives",
      "summary": "Standardized uppercase monospace pill header badge framing the active scene beat with subtle glow, semantic accent variants, and optional deterministic pulse.",
      "tags": [
        "title",
        "pill",
        "header",
        "eyebrow",
        "monospace",
        "label",
        "primitive"
      ],
      "fps": 30,
      "durationInFrames": 60,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "Framing scene beats (The Dilemma, How It Works, Takeaway)",
        "Pillar or topic category indicator in educational Shorts",
        "Top-of-screen section headers"
      ],
      "avoidWhen": [
        "Multi-line paragraph text",
        "Interactive buttons requiring click events"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add eyebrow-badge",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/eyebrow-badge.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/eyebrow-badge.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/eyebrow-badge",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/eyebrow-badge/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/eyebrow-badge/preview"
      }
    },
    {
      "name": "Git Graph",
      "slug": "git-graph",
      "category": "primitives",
      "summary": "Directed acyclic commit graph DAG visualizer displaying 7-character SHA hashes, branch refs, merge edges, and active HEAD pointers.",
      "tags": [
        "git",
        "graph",
        "commit",
        "dag",
        "branch",
        "vcs",
        "merge",
        "primitive"
      ],
      "fps": 30,
      "durationInFrames": 60,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "Git merge vs rebase comparisons",
        "Version control branch workflows and cherry-pick walkthroughs",
        "Commit history and HEAD detachment explanations"
      ],
      "avoidWhen": [
        "Generic node-edge entity relationship database diagrams"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add git-graph",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/git-graph.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/git-graph.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/git-graph",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/git-graph/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/git-graph/preview"
      }
    },
    {
      "name": "Hardware Device Frame",
      "slug": "hardware-device-frame",
      "category": "scenes",
      "summary": "Hardware chassis for NFC cards, smartphones, and POS terminals with radio emission waves.",
      "tags": [
        "hardware",
        "device",
        "card",
        "nfc",
        "phone",
        "terminal",
        "rfid",
        "scene"
      ],
      "fps": 30,
      "durationInFrames": 90,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "NFC tap, payment terminal, and card interactions",
        "Smartphone sensor inspections (Face ID dot projector, infrared, Wi-Fi)",
        "Payment terminal and POS reader protocol demonstrations"
      ],
      "avoidWhen": [
        "Cloud diagrams without hardware touchpoints",
        "Generic 3D particle renders"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add hardware-device-frame",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/hardware-device-frame.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/hardware-device-frame.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/hardware-device-frame",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/hardware-device-frame/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/hardware-device-frame/preview"
      }
    },
    {
      "name": "Kinetic Text",
      "slug": "kinetic-text",
      "category": "primitives",
      "summary": "Word-by-word spring reveal with customizable stagger delay, rotation, and highlight accents for video titles and YouTube hooks.",
      "tags": [
        "typography",
        "kinetic",
        "spring",
        "hook",
        "title"
      ],
      "fps": 30,
      "durationInFrames": 60,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "High-energy video intro hooks",
        "YouTube title cards",
        "Product announcement videos",
        "Kinetic typography reels"
      ],
      "avoidWhen": [
        "Dense multi-paragraph body text",
        "Static legal disclaimers"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add kinetic-text",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/kinetic-text.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/kinetic-text.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/kinetic-text",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/kinetic-text/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/kinetic-text/preview"
      }
    },
    {
      "name": "Mental Model Card",
      "slug": "mental-model-card",
      "category": "scenes",
      "summary": "Dark surface card that lifts a concept off a light background: icon badge, headline, staggered bullets, and an optional teach-back quote. Every colour is a prop, so one file covers a whole channel's palette.",
      "tags": [
        "summary",
        "mental-model",
        "recap",
        "dark-card",
        "teach-back",
        "bullets",
        "explainer"
      ],
      "fps": 30,
      "durationInFrames": 150,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "The closing beat of a video explainer, where a dark surface separates the idea from the detail",
        "Recap cards on channels that render on a light background",
        "Mental-model summaries with three or four supporting points",
        "Replacing a per-video dark summary card that only differs by copy and palette"
      ],
      "avoidWhen": [
        "You want a light card — use takeaway-scene instead",
        "The video is rendered on a dark background, where a dark card will not separate from it",
        "The summary needs per-bullet rich formatting rather than plain lines"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add mental-model-card",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/mental-model-card.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/mental-model-card.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/mental-model-card",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/mental-model-card/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/mental-model-card/preview"
      }
    },
    {
      "name": "Mobile Device Frame",
      "slug": "mobile-device-frame",
      "category": "primitives",
      "summary": "Modern smartphone viewport with Dynamic Island or notch, system bar, and content slot.",
      "tags": [
        "smartphone",
        "mobile",
        "handset",
        "viewport",
        "screen",
        "notch",
        "island",
        "ios",
        "primitive"
      ],
      "fps": 30,
      "durationInFrames": 60,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "Mobile client authentication flows and alerts",
        "Smartphone viewport demonstrations and notifications",
        "Handset user interface walkthroughs"
      ],
      "avoidWhen": [
        "3D showcases (use mockup-frame)",
        "Desktop browser demonstrations (use browser-frame instead)"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add mobile-device-frame",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/mobile-device-frame.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/mobile-device-frame.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/mobile-device-frame",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/mobile-device-frame/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/mobile-device-frame/preview"
      }
    },
    {
      "name": "Mockup Frame",
      "slug": "mockup-frame",
      "category": "scenes",
      "summary": "3D perspective device frame (Browser / Mobile) with physics entrance, smooth content scroll, dynamic island, and customizable brand lighting.",
      "tags": [
        "mockup",
        "browser",
        "window",
        "phone",
        "saas",
        "product-hunt",
        "3d",
        "showcase"
      ],
      "fps": 30,
      "durationInFrames": 75,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "SaaS landing page hero videos",
        "Product Hunt launch videos",
        "Software walkthroughs & feature highlights",
        "Mobile app app-store video promos"
      ],
      "avoidWhen": [
        "Extremely text-heavy documentation screenshots",
        "Sub-1-second rapid cuts"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add mockup-frame",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/mockup-frame.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/mockup-frame.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/mockup-frame",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/mockup-frame/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/mockup-frame/preview"
      }
    },
    {
      "name": "Packet Flow",
      "slug": "packet-flow",
      "category": "primitives",
      "summary": "Frame-driven network token animator that moves payloads, tokens, or queries along coordinate paths between system nodes with delivery, drop, and cache-hit outcomes.",
      "tags": [
        "packet",
        "network",
        "api",
        "data-flow",
        "token",
        "payload",
        "primitive"
      ],
      "fps": 30,
      "durationInFrames": 60,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "Client-to-server request/response diagrams",
        "CDN edge routing and cache-hit animations",
        "Microservice message queues and token delegation"
      ],
      "avoidWhen": [
        "Arbitrary physics particle swarms without system endpoints",
        "Decorative ambient non-technical confetti"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add packet-flow",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/packet-flow.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/packet-flow.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/packet-flow",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/packet-flow/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/packet-flow/preview"
      }
    },
    {
      "name": "QR Code Matrix",
      "slug": "qr-code-matrix",
      "category": "primitives",
      "summary": "Interactive QR code matrix with corner finder patterns, timing tracks, and sweeping scan laser.",
      "tags": [
        "qr",
        "matrix",
        "barcode",
        "optics",
        "scanner",
        "error-correction",
        "primitive"
      ],
      "fps": 30,
      "durationInFrames": 60,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "QR code anatomy, finder scans, and optical codes",
        "Physical optical computing and contactless check-in explanations",
        "Error correction demonstrations with scratched or damaged codes"
      ],
      "avoidWhen": [
        "Generic grid layouts unrelated to optical codes"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add qr-code-matrix",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/qr-code-matrix.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/qr-code-matrix.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/qr-code-matrix",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/qr-code-matrix/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/qr-code-matrix/preview"
      }
    },
    {
      "name": "Server Node",
      "slug": "server-node",
      "category": "primitives",
      "summary": "Server rack chassis and cloud infrastructure node with deterministically blinking indicator LEDs, ventilation grilles, host badges, and network activity meters.",
      "tags": [
        "server",
        "node",
        "rack",
        "infrastructure",
        "cloud",
        "backend",
        "host",
        "primitive"
      ],
      "fps": 30,
      "durationInFrames": 60,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "Origin server vs edge cache network topology diagrams",
        "Database replica clusters and microservice backends",
        "Serverless cold start and dedicated VM explanations"
      ],
      "avoidWhen": [
        "Frontend browser clients (use browser-frame instead)",
        "Desktop perspective showcases (use mockup-frame instead)"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add server-node",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/server-node.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/server-node.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/server-node",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/server-node/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/server-node/preview"
      }
    },
    {
      "name": "Smooth Wipe",
      "slug": "smooth-wipe",
      "category": "transitions",
      "summary": "Dynamic angled and directional scene wipe transition with customizable accent line and high-velocity spring physics.",
      "tags": [
        "transition",
        "wipe",
        "cut",
        "spring",
        "camera-shutter",
        "cinematic"
      ],
      "fps": 30,
      "durationInFrames": 30,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "Scene-to-scene camera changes",
        "Product showcase transitions",
        "Fast-paced YouTube video chapter breaks"
      ],
      "avoidWhen": [
        "Continuous seamless typography transitions",
        "Subtle slow cross-dissolve scenarios"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add smooth-wipe",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/smooth-wipe.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/smooth-wipe.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/smooth-wipe",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/smooth-wipe/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/smooth-wipe/preview"
      }
    },
    {
      "name": "Social Promo",
      "slug": "social-promo",
      "category": "templates",
      "summary": "High-impact conversion promo card with handle tag, dynamic title, floating metric badge, and vibrant call-to-action button.",
      "tags": [
        "social",
        "promo",
        "saas",
        "cta",
        "launch",
        "metrics",
        "youtube"
      ],
      "fps": 30,
      "durationInFrames": 60,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "Twitter/X and LinkedIn product announcements",
        "Newsletter promotion video hooks",
        "Open-source release trailers"
      ],
      "avoidWhen": [
        "Long-form multi-minute continuous storylines"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add social-promo",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/social-promo.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/social-promo.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/social-promo",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/social-promo/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/social-promo/preview"
      }
    },
    {
      "name": "Spring Counter",
      "slug": "spring-counter",
      "category": "primitives",
      "summary": "Smooth physics-based animated number counter with currency/percentage formatting, pop effects, and customizable labels.",
      "tags": [
        "counter",
        "numbers",
        "stats",
        "spring",
        "metric",
        "saas"
      ],
      "fps": 30,
      "durationInFrames": 60,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "SaaS growth metrics and pitch decks",
        "Financial data visualizations",
        "Milestone celebration reels",
        "Year-in-review summaries"
      ],
      "avoidWhen": [
        "Non-numerical text lists",
        "Negative-to-negative inverse physics without custom configs"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add spring-counter",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/spring-counter.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/spring-counter.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/spring-counter",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/spring-counter/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/spring-counter/preview"
      }
    },
    {
      "name": "Step Flow Scene",
      "slug": "step-flow-scene",
      "category": "scenes",
      "summary": "Sequential process scene with numbered steps connected by downward arrows, a check marker on the final step, and an optional dashed footnote. Steps are plain data.",
      "tags": [
        "process",
        "steps",
        "flow",
        "sequence",
        "walkthrough",
        "explainer",
        "timeline"
      ],
      "fps": 30,
      "durationInFrames": 90,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "Showing how a request or job moves through stages",
        "Ordered mechanisms with three to six steps",
        "Walkthroughs that end on a resolved outcome",
        "Replacing a per-video flow scene that only differs by copy"
      ],
      "avoidWhen": [
        "Steps run in parallel rather than in sequence",
        "You need branching or conditional logic between steps",
        "Side-by-side comparison, where AnalogyScene fits better"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add step-flow-scene",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/step-flow-scene.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/step-flow-scene.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/step-flow-scene",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/step-flow-scene/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/step-flow-scene/preview"
      }
    },
    {
      "name": "Takeaway Scene",
      "slug": "takeaway-scene",
      "category": "scenes",
      "summary": "Closing summary card with an eyebrow label, staggered tick list, and an optional teach-back quote. Parameterized by copy and accent so one component covers every video's recap beat.",
      "tags": [
        "summary",
        "recap",
        "takeaway",
        "bullets",
        "teach-back",
        "outro",
        "explainer"
      ],
      "fps": 30,
      "durationInFrames": 90,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "The recap beat at the end of an explainer",
        "Summarising three or four takeaways after a mechanism scene",
        "Teaching-back prompts for a learner audience",
        "Any video that would otherwise rewrite the same recap card per episode"
      ],
      "avoidWhen": [
        "The video has a single conclusion rather than several",
        "You need a bullet list with rich per-item formatting",
        "Text-only callouts that should not occupy the full frame"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add takeaway-scene",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/takeaway-scene.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/takeaway-scene.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/takeaway-scene",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/takeaway-scene/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/takeaway-scene/preview"
      }
    },
    {
      "name": "Telemetry Pill",
      "slug": "telemetry-pill",
      "category": "primitives",
      "summary": "High-legibility quantitative metric badge displaying genuine technical telemetry (latency ms, bandwidth Mbps, dollar cost, frequency MHz) with optional comparison baseline and status coloring.",
      "tags": [
        "telemetry",
        "metric",
        "badge",
        "pill",
        "readout",
        "numbers",
        "primitive"
      ],
      "fps": 30,
      "durationInFrames": 60,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "Grounding engineering explainers in real quantitative telemetry",
        "Latency, clock frequency, bandwidth, and resource comparisons",
        "Proving performance differences before vs after optimization"
      ],
      "avoidWhen": [
        "Unverified decorative mock stats",
        "Generic fake dashboards without real meaning"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add telemetry-pill",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/telemetry-pill.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/telemetry-pill.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/telemetry-pill",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/telemetry-pill/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/telemetry-pill/preview"
      }
    },
    {
      "name": "Terminal Window",
      "slug": "terminal-window",
      "category": "primitives",
      "summary": "Authentic Unix terminal window with command prompt, frame-driven typing, and staggered output.",
      "tags": [
        "terminal",
        "cli",
        "shell",
        "console",
        "bash",
        "command",
        "unix",
        "primitive"
      ],
      "fps": 30,
      "durationInFrames": 90,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "CLI demos, shell commands, and stdout streams",
        "Curl API responses and JSON payload walkthroughs",
        "Git commands and shell script executions"
      ],
      "avoidWhen": [
        "GUI browser demos (use browser-frame)",
        "Non-monospace freeform body copy"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add terminal-window",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/terminal-window.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/terminal-window.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/terminal-window",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/terminal-window/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/terminal-window/preview"
      }
    },
    {
      "name": "Waveform Visualizer",
      "slug": "waveform-visualizer",
      "category": "scenes",
      "summary": "Dual waveform visualizer illustrating sine wave interference, phase shifts, and frequency comparisons.",
      "tags": [
        "waveform",
        "sine",
        "wave",
        "interference",
        "physics",
        "anc",
        "audio",
        "frequency",
        "scene"
      ],
      "fps": 30,
      "durationInFrames": 90,
      "width": 1920,
      "height": 1080,
      "bestFor": [
        "Wave interference, phase shifts, and frequencies",
        "Wi-Fi frequency and wavelength comparisons (2.4 GHz vs 5 GHz)",
        "Radio frequency modulation and signal interference"
      ],
      "avoidWhen": [
        "Time-series data without waves",
        "Fake audio visualizer bars with uncalibrated random values"
      ],
      "dependencies": [
        "remotion"
      ],
      "installCommand": "npx remocomp add waveform-visualizer",
      "sourceEndpoint": "https://remocomp.shourov.workers.dev/r/waveform-visualizer.json",
      "version": "1.0.0",
      "previewStatus": "unavailable",
      "aspectRatio": "16:9",
      "requiredProps": [],
      "endpoints": {
        "source": "https://remocomp.shourov.workers.dev/r/waveform-visualizer.json",
        "detail": "https://remocomp.shourov.workers.dev/api/v1/components/waveform-visualizer",
        "thumbnail": "https://remocomp.shourov.workers.dev/media/components/waveform-visualizer/thumbnail",
        "preview": "https://remocomp.shourov.workers.dev/media/components/waveform-visualizer/preview"
      }
    }
  ]
}