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 #

🚀 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.