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

Widget	Description
`TapBurst`	Particle burst on tap
`SuccessConfetti`	Celebration confetti animation
`FloatingStars`	Animated floating star background
`EmojiExplosion`	Exploding emoji animation

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!