Chapter 916: <Starburst>

Core Idea

:::info Deprecated @remotion/starburst is deprecated and will no longer be published starting with Remotion 5. 0.

Key Concepts

• Example
• API
• rays
• colors
• rotation?
• smoothness?
• vignette?
• originOffsetX?

Code Examples

const MyVideo = () => {
  return (
    <AbsoluteFill style={{backgroundColor: 'black'}}>
      <Starburst
        durationInFrames={60}
        rays={16}
        colors={['#ffdd00', '#ff8800', '#ff4400']}
        rotation={15}
        width={1080}
        height={1080}
      />
    </AbsoluteFill>
  );
};

• What it demonstrates: Usage pattern for <Starburst> from the official docs.

Key Takeaways

1. Understand example when working with <Starburst>.
2. Understand api when working with <Starburst>.
3. Understand rays when working with <Starburst>.
4. Understand colors when working with <Starburst>.
5. Understand rotation? when working with <Starburst>.

Connects To

• api: related page in the Starburst (@remotion/starburst) section.
• Starburst Effect: related page in the Starburst (@remotion/starburst) section.