A sophisticated terminal-style intro sequence component that combines shimmer loaders and typewriter effects to create authentic console experiences. Features multiple animation phases, customizable sequences, and developer-themed loading animations.
npx uilayouts@latest add terminal-ui
This terminal UI installation process creates authentic console experiences for React applications, perfect for developer tools, coding platforms, and technical interfaces.
| Prop | Type | Default | Description |
|---|---|---|---|
| onComplete | function | - | Callback function when the entire terminal sequence completes |
| className | string | - | Additional CSS classes for styling the terminal container |
| style | React.CSSProperties | - | Inline styles for customizing the terminal appearance |
These props provide flexible customization options for your terminal UI components, making them perfect for creating authentic developer experiences and technical interfaces.
The terminal UI component uses a phase-based sequence system: