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',
  ),
)

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