Mac Terminal

A MacTerminal component renders a terminal interface with styled lines of text. It types out lines sequentially with delays and supports different themes. Use it to display command-line style outputs or interactive prompts in a UI.

byEdu Calvo from Smoothui

Installation

terminal

pnpm dlx layro-cli add @educlopez/mac-terminal

npx layro-cli add @educlopez/mac-terminal

npx layro-cli add @educlopez/mac-terminal

bunx layro-cli add @educlopez/mac-terminal

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Demo

"use client";

import { cn } from "@/lib/utils";
import { useReducedMotion } from "motion/react";
import {
  type KeyboardEvent,
  useCallback,
  useEffect,
  useRef,
  useState,
} from "react";

const DEFAULT_PROMPT = "~ %";
const DEFAULT_TITLE = "Terminal";