# M typewriter 3

> Terminal prompt — monospace CLI-style with block cursor

A shadcn/ui block from the [@cnippet](https://ui.cnippet.dev/) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/cnippet/m-typewriter-3).

- Page, with a live preview: https://shadcn.exchange/r/cnippet/m-typewriter-3
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/cnippet/m-typewriter-3-light-3017c606de972ae2.png
- Registry item: https://ui.cnippet.dev/r/m-typewriter-3.json
- Categories: typewriter
- Listed: 2026-10-13, source last changed 2026-10-13

## Install

```bash
npx shadcn@latest add https://ui.cnippet.dev/r/m-typewriter-3.json
```

Run it in a project that has shadcn/ui set up. It adds the files below and installs what they depend on.

## Dependencies

- Registry items: `@cnippet/typewriter`

## Files

### `registry/default/motion-variants/m-typewriter-3.tsx`

```tsx
import { Typewriter } from "@/registry/default/motion/typewriter";

export default function TypewriterTerminal() {
  return (
    <div className="flex min-h-50 items-center justify-center px-6">
      <div className="w-full max-w-lg rounded-xl border border-border bg-neutral-950 p-5 shadow-xl">
        <div className="mb-3 flex items-center gap-1.5">
          <span className="h-3 w-3 rounded-full bg-red-500" />
          <span className="h-3 w-3 rounded-full bg-yellow-500" />
          <span className="h-3 w-3 rounded-full bg-green-500" />
        </div>
        <div className="font-mono text-green-400 text-sm">
          <p className="mb-1 text-neutral-500">~ cnippet</p>
          <div className="flex">
            <span className="mr-2 text-neutral-500">$</span>
            <Typewriter
              as="span"
              cursorChar="▋"
              cursorClassName="ml-0.5 text-green-400"
              initialDelay={400}
              loop={false}
              speed={45}
              text="npx cnippet@latest add text-reveal"
            />
          </div>
        </div>
      </div>
    </div>
  );
}
```