Zeba Academy Terminal UI

A powerful Flutter package for building beautiful developer-inspired terminal interfaces.

zeba_academy_terminal_ui provides customizable terminal windows, command prompts, typing animations, progress indicators, and developer-focused themes that help you create realistic terminal experiences in Flutter applications.

Features

✨ Terminal-style windows

⌨️ Command prompt widgets

⚡ Animated typing effects

📊 Terminal progress bars

🎨 Developer-inspired themes

🖥️ Linux terminal theme

🪟 Windows CMD theme

💚 Hacker theme

📱 Responsive design

🚀 Lightweight and dependency-free

Installation

Add the package to your pubspec.yaml:

dependencies:
  zeba_academy_terminal_ui: ^1.0.0

Then run:

flutter pub get

Import:

import 'package:zeba_academy_terminal_ui/zeba_academy_terminal_ui.dart';

Quick Start

import 'package:flutter/material.dart';
import 'package:zeba_academy_terminal_ui/zeba_academy_terminal_ui.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.black,
        body: Center(
          child: TerminalWindow(
            theme: TerminalTheme.hacker,
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                const CommandPrompt(
                  command: 'flutter pub get',
                ),

                const SizedBox(height: 16),

                const TypingText(
                  text: 'Resolving dependencies...',
                ),

                const SizedBox(height: 16),

                const TerminalProgressBar(
                  progress: 0.75,
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

Widgets

TerminalWindow

Create beautiful terminal-style containers.

TerminalWindow(
  theme: TerminalTheme.linux,
  child: Text('Hello Terminal'),
)

CommandPrompt

Display terminal commands.

CommandPrompt(
  command: 'flutter run',
)

TypingText

Animated terminal typing effect.

TypingText(
  text: 'Initializing application...',
)

TerminalProgressBar

Display terminal-inspired progress indicators.

TerminalProgressBar(
  progress: 0.85,
)

Themes

Linux Theme

theme: TerminalTheme.linux

Dark Linux-style terminal appearance.

Windows Theme

theme: TerminalTheme.windows

Classic Windows Command Prompt appearance.

Hacker Theme

theme: TerminalTheme.hacker

Green-on-black hacker-inspired appearance.

Example

TerminalWindow(
  theme: TerminalTheme.hacker,
  child: Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      CommandPrompt(
        command: 'flutter build apk',
      ),

      SizedBox(height: 12),

      TypingText(
        text: 'Building release APK...',
      ),

      SizedBox(height: 12),

      TerminalProgressBar(
        progress: 0.45,
      ),
    ],
  ),
)

Roadmap

Current Features

Terminal windows
Command prompts
Typing animations
Progress bars
Linux theme
Windows theme
Hacker theme

Upcoming Features

Blinking cursor
Terminal log viewer
ASCII art renderer
Git command widgets
SSH session UI
Terminal tabs
Terminal split view
PowerShell theme
Ubuntu theme
Dracula theme
Monokai theme

Contributing

Contributions are welcome.

If you discover a bug or have a feature request, feel free to open an issue or submit a pull request.

License

This project is licensed under the GNU General Public License v3.0 (GPL-3.0).

You may:

Use
Modify
Distribute
Share

Under the terms of the GPL v3 license.

For full license details, see the LICENSE file or visit:

https://www.gnu.org/licenses/gpl-3.0.en.html

About Me

✨ I’m Sufyan bin Uzayr, an open-source developer passionate about building and sharing meaningful projects.

You can learn more about me and my work at sufyanism.com or connect with me on LinkedIn.

Your all-in-one learning hub!

🚀 Explore courses and resources in coding, tech, and development at zeba.academy and code.zeba.academy.

Empower yourself with practical skills through curated tutorials, real-world projects, and hands-on experience. Level up your tech game today! 💻✨

Zeba Academy is a learning platform dedicated to coding, technology, and development.

➡ Visit our main site: https://zeba.academy

➡ Explore hands-on courses and resources: https://code.zeba.academy

➡ YouTube: https://www.youtube.com/@zeba.academy

➡ Instagram: https://www.instagram.com/zeba.academy/

Thank you for visiting!