zeba_academy_hologram_ui 1.0.0

Futuristic holographic UI widgets for Flutter.

zeba_academy_hologram_ui

A futuristic Flutter UI package that brings holographic and cyberpunk-inspired interfaces to your applications. Create stunning sci-fi dashboards, control panels, futuristic dialogs, radar displays, and glowing holographic widgets with minimal effort.

---

✨ Features

• 🔷 Neon glowing borders
• 📡 Animated radar widgets
• 🌌 Floating holographic panels
• ⚡ Futuristic cyberpunk dialogs
• 📺 Scan-line overlay effects
• 🎨 Highly customizable colors and styles
• 📱 Mobile, Web, Desktop & Tablet support
• 🚀 Lightweight and dependency-free

---

📸 Included Widgets

Widget	Description
NeonBorder	Cyberpunk-style glowing border
HologramPanel	Floating glass-like holographic container
ScanlineOverlay	Retro futuristic scan-line effect
RadarWidget	Animated radar scanner display
HologramDialog	Futuristic alert and information dialogs

---

🚀 Installation

Add the package to your pubspec.yaml.

dependencies:
  zeba_academy_hologram_ui: ^1.0.0

Install dependencies:

flutter pub get

Import:

import 'package:zeba_academy_hologram_ui/zeba_academy_hologram_ui.dart';

---

Neon Border

Create glowing futuristic containers.

NeonBorder(
  glowColor: Colors.cyan,
  child: Container(
    padding: const EdgeInsets.all(20),
    child: const Text(
      'Neon Interface',
    ),
  ),
)

---

Hologram Panel

Floating holographic glass effect.

HologramPanel(
  child: Column(
    mainAxisSize: MainAxisSize.min,
    children: const [
      Text(
        'SYSTEM ONLINE',
        style: TextStyle(
          color: Colors.cyanAccent,
        ),
      ),
    ],
  ),
)

---

Scanline Overlay

Add a holographic display effect to any widget.

ScanlineOverlay(
  child: Image.network(
    'https://example.com/image.png',
  ),
)

---

Radar Widget

Animated radar scanner.

const RadarWidget(
  size: 250,
)

---

Hologram Dialog

Display futuristic dialogs.

showDialog(
  context: context,
  builder: (_) => const HologramDialog(
    title: 'Security Alert',
    content: 'Unauthorized access detected.',
  ),
);

---

Complete Example

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

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData.dark(),
      home: Scaffold(
        backgroundColor: Colors.black,
        body: Center(
          child: ScanlineOverlay(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                HologramPanel(
                  child: const Text(
                    'HOLOGRAM SYSTEM ONLINE',
                    style: TextStyle(
                      color: Colors.cyanAccent,
                      fontSize: 22,
                    ),
                  ),
                ),
                SizedBox(height: 40),
                RadarWidget(),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

---

🎯 Use Cases

Perfect for:

• Sci-fi applications
• Cyberpunk dashboards
• Gaming interfaces
• Space-themed projects
• Security monitoring systems
• Tech showcase applications
• Futuristic admin panels
• Educational simulations

---

🌍 Platform Support

Platform	Supported
Android	✅
iOS	✅
Web	✅
Windows	✅
macOS	✅
Linux	✅

---

📚 API Reference

NeonBorder

Property	Type	Default
child	Widget	Required
glowColor	Color	Colors.cyan
borderWidth	double	2

HologramPanel

Property	Type
child	Widget

ScanlineOverlay

Property	Type
child	Widget

RadarWidget

Property	Type	Default
size	double	250

HologramDialog

Property	Type
title	String
content	String

---

🤝 Contributing

Contributions, feature requests, and bug reports are welcome.

If you discover a bug or have an idea for improvement, 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 are free to:

• Use
• Modify
• Distribute
• Share

Under the terms of the GPL-3.0 License.

See the LICENSE file for full details.

---

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

A learning platform dedicated to coding, technology, and development.

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

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

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

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

---

Made with ❤️ by Sufyan bin Uzayr and Zeba Academy