zeba_academy_hologram

Cyberpunk holographic widgets for Flutter featuring scanline effects, glowing holograms, radar animations, and futuristic UI overlays.

Perfect for sci-fi dashboards, gaming interfaces, HUDs, cybersecurity apps, futuristic admin panels, and immersive user experiences.

Features

✨ Holographic glow effects

📡 Animated radar scanner

🟦 Scanline display effects

🚀 Cyberpunk HUD overlays

🎨 Customizable colors and styling

📱 Mobile, Web, Desktop Support

⚡ Lightweight and easy to integrate

Installation

Add the package to your pubspec.yaml:

dependencies:
  zeba_academy_hologram: ^1.0.0

Then run:

flutter pub get

Import

import 'package:zeba_academy_hologram/zeba_academy_hologram.dart';

Hologram Container

Create futuristic holographic cards and panels.

HologramContainer(
  glowColor: Colors.cyan,
  child: const Text(
    'ZEBA ACADEMY',
    style: TextStyle(
      color: Colors.white,
      fontSize: 24,
      fontWeight: FontWeight.bold,
    ),
  ),
)

Radar Animation

Add a rotating radar scanner effect.

const RadarAnimation(
  size: 220,
  color: Colors.greenAccent,
)

Cyberpunk Overlay

Add HUD-inspired cyberpunk decorations to any widget.

CyberpunkOverlay(
  child: Container(
    height: 200,
    width: 300,
    color: Colors.black,
  ),
)

Complete Example

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

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        backgroundColor: Colors.black,
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              HologramContainer(
                glowColor: Colors.cyan,
                child: const Text(
                  'ZEBA ACADEMY',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 28,
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ),

              const SizedBox(height: 40),

              const RadarAnimation(
                size: 220,
              ),
            ],
          ),
        ),
      ),
    );
  }
}

Public API

HologramContainer

Property	Type	Description
child	Widget	Content widget
glowColor	Color	Hologram glow color
showScanlines	bool	Enable scanline effect

RadarAnimation

Property	Type	Description
size	double	Radar size
color	Color	Radar color

CyberpunkOverlay

Property	Type	Description
child	Widget	Wrapped widget

Use Cases

Gaming Dashboards
Cybersecurity Applications
Sci-Fi User Interfaces
Hacker-Themed Apps
HUD Systems
Data Visualization Panels
AI Assistants
Futuristic Admin Dashboards

Roadmap

Animated glitch effects
RGB split distortion
Holographic shimmer
Matrix rain overlay
Neon border animations
AI scanner widgets
Floating hologram projections
Sci-fi loading indicators

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

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

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

Contributing

Contributions, feature requests, and bug reports are welcome.

If you'd like to improve this package, feel free to submit a pull request.

License

GPL License