CLI Terminal
Live animated terminal showing the installation flow. Drop it in your docs.
Component Showcase
Choose Installation Method
Select how you want to add this component to your project
Run command in your project root
$ npx @melonui-dev/cli add cli-terminal
How to import and use
app/page.tsx
import { CliTerminal } from "@/components/cli-terminal";
export default function Page() {
return (
<main className="flex min-h-screen items-center justify-center bg-[#050505] p-8">
<CliTerminal />
</main>
);
}AI Automation Agent Prompt
Feed this prompt to Claude, ChatGPT, or Gemini to quickly write custom integrations, layouts, or configure props for this component on your system.
I want to integrate the MelonUI "CLI Terminal" component into my project.
To add it, run the command: `npx @melonui-dev/cli add cli-terminal`
Please import and merge this component into my project, and write the code showing how to customize its parameters and content.