Getting Started
Templates
Components
Special Animations
Text Animations
Backgrounds
npx shadcn@latest add 'https://eldoraui.site/r/terminal' ~ Project name | terminal-demo | cd terminal-demo~ Installing UI components | ✓ eldoraui/terminal
import Terminal from "@/components/eldoraui/terminal"<Terminal
command="npx shadcn@latest add 'https://eldoraui.site/r/terminal'"
steps={[
{ text: "~ Project name", bold: true },
{ text: " | terminal-demo" },
{ text: " | cd terminal-demo" },
{ text: "~ Installing UI components", bold: true },
{ text: " | ✓ eldoraui/terminal" },
]}
pulseInterval={100}
showLocalhost={true}
hostBarTitle="localhost:3000"
hostMessage="New App Created!"
/>| Prop | Type | Default | Description |
|---|---|---|---|
command | string | - | The command to display and type out |
steps | TerminalStep[] | - | Array of terminal output steps to display |
pulseInterval | number | 100 | Interval in milliseconds for typing animation |
showLocalhost | boolean | true | Whether to show the localhost notification |
hostBarTitle | string | "localhost:3000" | Title for the localhost notification bar |
hostMessage | string | "New App Created!" | Message for the localhost notification |
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | - | The text content to display |
bold | boolean | false | Whether the text should be bold |