hyper-welcome-message

A beautiful Hyper terminal plugin that displays system information in a neofetch-like style with a stunning frosted glass effect.

!Version
!License

Features

- 🎨 Beautiful neofetch-like display - Shows system information with elegant ASCII art
- 🌈 Dual theme support - Automatic light and dark theme detection
- ✨ Frosted glass effect - Transparent backdrop blur for modern aesthetics
- 📊 Comprehensive system info - OS, CPU, memory, uptime, and more
- ⌨️ Keyboard shortcut - Toggle display with Ctrl+Shift+W
- 🎯 Zero configuration - Works out of the box

Installation

$3

\\\bash
hyper install hyper-welcome-message
\\\

$3

Add the plugin to your ~/.hyper.js configuration:

\\\javascript
module.exports = {
plugins: ['hyper-welcome-message']
}
\\\

Then restart Hyper or reload the configuration.

Configuration

Add custom settings to your ~/.hyper.js:

\\\javascript
module.exports = {
config: {
welcomeMessage: {
showWelcome: true, // Enable/disable the welcome message
theme: 'auto', // 'auto', 'light', or 'dark'
enableFrostedGlass: true, // Enable/disable frosted glass effect
showSystemInfo: true, // Show system information
showTime: true // Show current time
}
}
}
\\\

Configuration Options

| Option | Type | Default | Description |
|--------|------|---------|-------------|
| showWelcome | boolean | true | Enable/disable the welcome message |
| theme | string | 'auto' | Color theme: 'auto', 'light', or 'dark' |
| enableFrostedGlass | boolean | true | Enable frosted glass background effect |
| showSystemInfo | boolean | true | Display system information |
| showTime | boolean | true | Show current date and time |

What It Shows

The plugin displays:
- Operating System - Platform and architecture
- Hostname - Your computer's name
- Uptime - How long the system has been running
- CPU - Processor model and core count
- Memory - Available and total RAM
- Node Version - Current Node.js version

Keyboard Shortcuts

- Ctrl+Shift+W (Windows/Linux) - Toggle welcome message display
- Cmd+Shift+W (macOS) - Toggle welcome message display

Frosted Glass Effect

The plugin automatically applies a beautiful frosted glass effect to your terminal:

- Dark Theme: Semi-transparent dark background with blur
- Light Theme: Semi-transparent light background with blur
- Smooth Transitions: Seamless theme switching
- Custom Scrollbars: Styled to match the frosted aesthetic

Example Output

$3

\\\
╭─────────────────────╮
│ ╭───╮ ╭───╮ ╭───╮ │
│ │ │ │ │ │ │ │
│ ╰───╯ ╰───╯ ╰───╯ │
│ │
│ H Y P E R │
╰─────────────────────╯

╭─ System Information
│
├─ OS darwin arm64
├─ Host MacBook-Pro
├─ Uptime 2d 5h 30m
├─ CPU Apple M1 Pro
├─ Cores 10
├─ Memory 8.5GB / 16.0GB
├─ Node v18.17.0
│
╰─ Welcome to Hyper Terminal!

Type help to get started
\\\

Customization Examples

$3

\\\javascript
welcomeMessage: {
enableFrostedGlass: false
}
\\\

$3

\\\javascript
welcomeMessage: {
theme: 'dark' // Always use dark theme colors
}
\\\

$3

\\\javascript
welcomeMessage: {
showSystemInfo: false,
showTime: false
}
\\\

Compatibility

- Hyper v3.0.0 or higher
- Works on macOS, Linux, and Windows
- Supports both light and dark themes

Development

$3

1. Clone this repository
2. Link it to your Hyper plugins directory:
\\\bash
cd hyper-welcome-message
npm link
cd ~/.hyper_plugins/local
npm link hyper-welcome-message
\\\
3. Add to localPlugins in your ~/.hyper.js:
\\\javascript
localPlugins: ['hyper-welcome-message']
\\\

Publishing to npm

1. Update version in package.json
2. Login to npm: npm login
3. Publish: npm publish

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT © [Your Name]

Credits

Inspired by neofetch and the Hyper terminal community.

Links

- GitHub Repository
- npm Package
- Hyper Plugin Documentation