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 #

RadarAnimation #

CyberpunkOverlay #

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