zeba_academy_particle_ui #

✨ Beautiful particle effects and celebration animations for Flutter apps.

zeba_academy_particle_ui helps you create delightful UI experiences with smooth particle animations including:

• 🎆 Tap burst particles
• 🎉 Success confetti
• ⭐ Floating stars
• 😍 Emoji explosions

Perfect for:

• Gamification
• Celebration screens
• Interactive buttons
• Reward systems
• Modern animated UIs
• Learning apps
• Fun user experiences

Features #

✅ Lightweight ✅ Pure Flutter implementation ✅ No external APIs ✅ Highly customizable ✅ Beginner-friendly ✅ Smooth animations ✅ Reusable widgets ✅ Pub.dev ready

Preview #

Included Widgets #

Installation #

Add this to your pubspec.yaml:

dependencies:
  zeba_academy_particle_ui: ^0.0.1

Then run:

flutter pub get

Import #

import 'package:zeba_academy_particle_ui/zeba_academy_particle_ui.dart';

Tap Burst Example #

TapBurst(
  child: ElevatedButton(
    onPressed: () {},
    child: const Text('Tap Me'),
  ),
)

Success Confetti Example #

SuccessConfetti(
  play: true,
)

Floating Stars Example #

const FloatingStars(
  count: 25,
)

Emoji Explosion Example #

const EmojiExplosion(
  emoji: "🎉",
)

Full Example #

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

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: const DemoPage(),
    );
  }
}

class DemoPage extends StatefulWidget {
  const DemoPage({super.key});

  @override
  State<DemoPage> createState() => _DemoPageState();
}

class _DemoPageState extends State<DemoPage> {
  bool celebrate = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Particle UI Demo'),
      ),
      body: Stack(
        children: [
          const FloatingStars(),

          Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                TapBurst(
                  child: ElevatedButton(
                    onPressed: () {
                      setState(() {
                        celebrate = true;
                      });
                    },
                    child: const Text(
                      'Celebrate',
                    ),
                  ),
                ),

                const SizedBox(height: 40),

                const SizedBox(
                  width: 300,
                  height: 300,
                  child: EmojiExplosion(
                    emoji: '🔥',
                  ),
                ),
              ],
            ),
          ),

          if (celebrate)
            const SuccessConfetti(
              play: true,
            ),
        ],
      ),
    );
  }
}

Package Structure #

lib/
├── zeba_academy_particle_ui.dart
└── src/
    ├── particles/
    ├── widgets/
    └── utils/

Upcoming Features #

🚀 Planned for future releases:

• Fireworks system
• Snow effects
• Spark trails
• Physics engine
• Gravity particles
• Advanced customization
• Particle shaders
• GPU rendering optimizations

Why Use zeba_academy_particle_ui? #

This package was designed to provide:

• Clean architecture
• Easy integration
• High performance
• Smooth animations
• Reusable particle systems
• Production-ready widgets

without relying on heavy external libraries.

Contributing #

Contributions are welcome!

Feel free to:

• Open issues
• Suggest improvements
• Submit pull requests
• Add new particle effects

License #

MIT License

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 at: https://code.zeba.academy ➡ Check out our YouTube for more tutorials: https://www.youtube.com/@zeba.academy ➡ Follow us on Instagram: https://www.instagram.com/zeba.academy/

⭐ If you like this package, don't forget to star the repository and share it with the Flutter community!

Thank you for visiting!