zeba_academy_hologram 1.0.0
zeba_academy_hologram: ^1.0.0 copied to clipboard
Cyberpunk holographic widgets with scanlines, radar effects and glowing overlays.
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