zeba_academy_arcade_ui

A retro-inspired Flutter UI package featuring arcade-style components such as neon buttons, scoreboards, animated coins, pixel panels, and customizable arcade themes.

Bring the nostalgia of classic arcade games into your Flutter applications with reusable widgets designed for gaming dashboards, leaderboards, educational games, rewards systems, and retro-themed interfaces.

---

✨ Features

• 🎮 Neon arcade-style buttons
• 🏆 Retro scoreboards
• 🪙 Animated coin widgets
• 🟪 Pixel-inspired panels and containers
• 🌈 Built-in arcade themes
• ⚡ Lightweight and easy to integrate
• 📱 Responsive Flutter design
• 🚀 Ready for production use

---

📸 Included Widgets

Widget	Description
NeonButton	Arcade-style glowing button
ArcadeScoreboard	Retro score display widget
CoinAnimation	Animated spinning coin
PixelPanel	Pixel-art inspired container
ArcadeTheme	Predefined arcade application themes

---

🚀 Installation

Add the package to your pubspec.yaml:

dependencies:
  zeba_academy_arcade_ui: latest_version

Install dependencies:

flutter pub get

Import:

import 'package:zeba_academy_arcade_ui/zeba_academy_arcade_ui.dart';

---

🎨 Arcade Themes

Neon Blue Theme

MaterialApp(
  theme: ArcadeTheme.neonBlue(),
  home: const HomePage(),
);

Retro Purple Theme

MaterialApp(
  theme: ArcadeTheme.retroPurple(),
  home: const HomePage(),
);

---

🔥 Neon Button

NeonButton(
  text: "START GAME",
  onPressed: () {
    print("Game Started");
  },
)

Features

• Neon glow effect
• Custom colors
• Responsive sizing
• Arcade-inspired design

---

🏆 Arcade Scoreboard

const ArcadeScoreboard(
  score: 99999,
)

Output

SCORE
99999

Perfect for:

• Game dashboards
• Reward systems
• Achievement screens
• Educational games

---

🪙 Coin Animation

const CoinAnimation(
  size: 100,
)

Features

• Continuous rotation animation
• Lightweight implementation
• Customizable size
• Arcade coin effect

---

🟪 Pixel Panel

PixelPanel(
  child: Column(
    children: [
      Text("Retro Panel"),
    ],
  ),
)

Features

• Pixel-art inspired borders
• Retro arcade styling
• Reusable container widget

---

🎮 Complete Example

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

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ArcadeTheme.neonBlue(),
      home: const ArcadeDemo(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: PixelPanel(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              const ArcadeScoreboard(
                score: 99999,
              ),

              const SizedBox(height: 20),

              NeonButton(
                text: "START GAME",
                onPressed: () {},
              ),

              const SizedBox(height: 20),

              const CoinAnimation(),
            ],
          ),
        ),
      ),
    );
  }
}

---

📋 Roadmap

Future releases may include:

• Neon Text
• Neon Cards
• Arcade Leaderboards
• Achievement Widgets
• Retro Dialogs
• XP Progress Indicators
• Pixel Loaders
• Retro Game HUD Components
• Synthwave Themes
• Cyberpunk Themes

---

🤝 Contributing

Contributions, bug reports, feature requests, and pull requests are welcome.

If you discover a bug or have an idea for a new arcade widget, feel free to open an issue.

---

License

This project is licensed under the GNU General Public License v3.0 (GPL-3.0).

You are free to:

• Use
• Modify
• Distribute
• Contribute

Under the terms of the GPL-3.0 License.

See the LICENSE file for complete 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

Zeba Academy is a learning platform dedicated to coding, technology, and development.

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

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

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

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

Thank you for visiting and supporting open-source development.