# IPO Open
URL: https://remocn.dev/docs/numbers/ipo-open

A huge ticker symbol opens on a bell as the first trade price races up with a percent-change chip.

- Install: `npx shadcn@latest add @remocn/ipo-open`
- Vibe: data
- Natural length: 103f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/ipo-open
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { IpoOpen } from "@/components/remocn/ipo-open";

const IpoOpenScene = () => <IpoOpen symbol="RMCN" ipoPrice={18} openPrice={42.6} label="Listed today" />;

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

A mono line and a huge ticker symbol rise in with the IPO price underneath; on the bell a two-frame flash cuts in, the corner clock flips to the open time and a shockwave line tears across. The opening price then races up on rolling digit reels, a percent-up chip counts with it, and a sunrise gradient climbs behind. Pass `symbol`, `ipoPrice`, `openPrice` and `label`; use `name` or `logo` for the corner bug. It ships light and dark through `theme`.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `symbol` | `string` | `"RMCN"` | Ticker symbol, set huge. Fictional, 1–5 capital letters reads best. |
| `label` | `string` | `"Listed today"` | Small mono line above the symbol. |
| `ipoPrice` | `number` | `18` | The IPO price the opening print starts from. |
| `openPrice` | `number` | `42.6` | The first trade the price races to. |
| `openTime` | `string` | `"09:30"` | Clock in the corner; ticks over to this on the bell. |
| `name` | `string` | `"remocn"` | Brand in the corner bug; "remocn" renders the real logo. |
| `logo` | `React.ReactNode` | — | Replaces the logo / name in the corner bug. |
| `accent` | `string` | `"#3B5BFD"` | Accent color for the gradient and chip. |
| `speed` | `number` | `1` | Playback multiplier. |
| `theme` | `"dark" \| "light"` | `"dark"` | Light or dark palette. |

## Use when
- A launch-day or funding beat dressed as a market open, with a ticker, a bell and a first-trade price.
- A milestone that should land with a flash and a rising sunrise ground behind the figure.
- A poster-style close where a corner bug carries the product mark and a ticking clock.

## Don't use when
- You want a ticker row with a scrolling tape rather than a market open - use `ticker-tape`.
- The beat is a price change rather than a listing - use `price-slate`.
- A plain headline number needs no market framing - use `compact-stat`.