💻 View My Custom Terminal Architecture (React/Next.js)
A fully custom, sound-enabled, syntax-highlighted terminal component built with React and Tailwind CSS.
// components/terminal-demo.tsx
"use client";
import { Terminal } from "@/components/ui/terminal";
export default function TerminalDemo() {
return (
<section className="w-full py-10 md:py-20">
<Terminal
commands={[
"npx shadcn@latest init",
"npm install motion",
"npx shadcn@latest add button card",
"Term Deez Nuts",
]}
outputs={{
0: ["✔ Preflight checks passed.", "✔ Created components.json", "✔ Initialized project."],
1: ["added 1 package in 2s"],
2: ["✔ Done. Installed button, card."],
}}
typingSpeed={45}
delayBetweenCommands={1000}
/>
</section>
);
}
