# Feather Settle
URL: https://remocn.dev/docs/typography/feather-settle

Words drift down and sway like feathers before settling into a sentence, with one phrase highlighted.

- Install: `npx shadcn@latest add @remocn/feather-settle`
- Vibe: clean
- Natural length: 111f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/feather-settle
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { FeatherSettle } from "@/components/remocn/feather-settle";

const FeatherSettleScene = () => (
  <FeatherSettle text="Your launch, landing softly." highlight="softly" stagger={13} />
);

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

Each word falls from above with a gentle side-to-side sway and tilt, staggered in order, and settles into the sentence; `highlight` is set in the accent. Pass `text`, `stagger`, `fall` and `sway` to tune the drift; it ships light and dark through `theme`.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `text` | `string` | `"Your launch, landing softly."` | Sentence whose words fall in one by one |
| `highlight` | `string` | `"softly"` | Word or phrase shown in the accent color |
| `stagger` | `number` | `13` | Frames between words starting to fall |
| `fall` | `number` | `68` | Frames each word takes to fall into place |
| `sway` | `number` | `1` | Side-to-side drift multiplier; 0 falls straight |
| `accent` | `string` | — | Accent color (any valid CSS color) |
| `background` | `string` | — | Overrides the theme's stage color |
| `speed` | `number` | `1` | Playback speed multiplier |
| `theme` | `"dark" \| "light"` | `"dark"` | Ships light and dark palettes |

## Use when
- A calm, reassuring closing line such as a soft landing or a gentle sign-off.
- A beat where words should arrive slowly and organically rather than snap in.

## Don't use when
- You need a fast, energetic entrance - use `rush-type`.
- You want words to drop and bounce rather than float - use `baseline-drop`.
- You want a controlled blur reveal - use `soft-blur-in`.