Intelligence Glow

A question rises in under a breathing edge glow, the light collapses to a rule, and a serif-led answer resolves.

Installation

$ pnpm dlx shadcn@latest add @remocn/intelligence-glow

Usage

tsx

// src/Root.tsx
import { Composition } from "remotion";
import { IntelligenceGlow } from "@/components/remocn/intelligence-glow";
 
const IntelligenceGlowScene = () => (
  <IntelligenceGlow
    question="Cut a teaser for Friday?"
    answerLead="Done."
    answer="9 shots, timed to the beat."
    showLogo={false}
  />
);
 
export const RemotionRoot = () => (
  <Composition
    id="IntelligenceGlow"
    component={IntelligenceGlowScene}
    durationInFrames={180}
    fps={30}
    width={1280}
    height={720}
  />
);

The question rises in word by word while a colored light breathes around the frame edge, shimmers through the words as it thinks, then collapses into a thin rule. The answerLead word resolves in serif italic, followed by the rest of the answer, and the logo fades in last. It ships light and dark; accent tints the glow on dark only.

Props7

Prop	Type	Default
question	string"Make a launch film for Friday?" Asked while the edge glow breathes.
answerLead	string"Done." First word of the answer, set in a serif italic.
answer	string"14 shots, cut to the beat." Rest of the answer, resolves word by word after the lead.
showLogo	booleantrue Show the Remocn logo under the answer on the poster frame.
accent	string"#3B5BFD" Replaces one glow color in the dark theme; unused in light.
theme	"dark" \| "light""dark" Light or dark palette.
speed	number1 Playback speed multiplier for the whole timeline.

questionstring
Asked while the edge glow breathes.
Default"Make a launch film for Friday?"
answerLeadstring
First word of the answer, set in a serif italic.
Default"Done."
answerstring
Rest of the answer, resolves word by word after the lead.
Default"14 shots, cut to the beat."
showLogoboolean
Show the Remocn logo under the answer on the poster frame.
Defaulttrue
accentstring
Replaces one glow color in the dark theme; unused in light.
Default"#3B5BFD"
theme"dark" | "light"
Light or dark palette.
Default"dark"
speednumber
Playback speed multiplier for the whole timeline.
Default1