# Flock Form
URL: https://remocn.dev/docs/motion-graphics/flock-form

A flock of birds flies in, forms an arrow, then streams along a path and settles into the R mark

- Install: `npx shadcn@latest add @remocn/flock-form`
- Vibe: tech
- Natural length: 148f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/flock-form
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { FlockForm } from "@/components/remocn/flock-form";

const FlockFormScene = () => <FlockForm count={340} accent="#3B5BFD" />;

export const RemotionRoot = () => (
  <Composition
    id="FlockForm"
    component={FlockFormScene}
    durationInFrames={180}
    fps={30}
    width={1280}
    height={720}
  />
);
```

A flock flies in from the edges and snaps into an arrow with accent-coloured lead birds, then the arrow launches along a curved path and the birds stream back to land in the Remocn R mark. Pass `count` to change how many birds there are. The mark is built into the file; edit `REMOCN_R_PATH` to use another logo. Ships dark and light via `theme`.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `count` | `number` | `340` | Number of birds. Formations resample to match. |
| `accent` | `string` | `"#3B5BFD"` | Color of the lead birds on the arrow tip. |
| `speed` | `number` | `1` | Playback speed multiplier for the whole timeline. |
| `theme` | `"dark" \| "light"` | `"dark"` | Color scheme. Ships dark and light. |

## Use when
- A logo reveal where hundreds of small shapes assemble into your brand mark.
- A tech or AI launch intro that wants a sense of swarm intelligence and direction.
- Opening a video with a dark or light sky-like ground and a final mark hold.

## Don't use when
- The shape should cycle through icons before the logo — use `dot-field-morph`.
- You want dots tied to a growing counter — use `waitlist-swarm`.
- You need a quick, clean logo entrance without particles — use `logo-enter`.