# Ndot Resolve
URL: https://remocn.dev/docs/typography/ndot-resolve

A headline scans in as a dot-matrix face, then refreshes letter by letter into solid type.

- Install: `npx shadcn@latest add @remocn/ndot-resolve`
- Vibe: tech
- Natural length: 83f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/ndot-resolve
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { NdotResolve } from "@/components/remocn/ndot-resolve";

const NdotResolveScene = () => (
  <NdotResolve text="Less noise. More launch." emphasis="launch" accent="#3B5BFD" />
);

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

The headline appears row by row as dot-matrix glyphs, then a wipe converts each letter to solid type in sequence, with `emphasis` in the accent. Pass `text` and `emphasis`; it ships light and dark through `theme`.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `text` | `string` | `"Less noise. More launch."` | Headline shown as dots, then solid type |
| `emphasis` | `string` | `"launch"` | Word in the text shown in the accent color |
| `accent` | `string` | `"#3B5BFD"` | Accent color (any valid CSS color) |
| `speed` | `number` | `1` | Playback speed multiplier |
| `theme` | `"dark" \| "light"` | `"dark"` | Ships light and dark palettes |

## Use when
- A tech or hardware flavored title that should look like a display refreshing to final type.
- A tagline where one emphasis word gets the accent as the text resolves.

## Don't use when
- You want a decode effect with scrambled characters - use `matrix-decode`.
- You want a glitch treatment - use `rgb-glitch-text`.
- You want a calm blur resolve - use `focus-blur-resolve`.