zeba_academy_particle_ui 0.0.1 copy "zeba_academy_particle_ui: ^0.0.1" to clipboard
zeba_academy_particle_ui: ^0.0.1 copied to clipboard

Beautiful particle effects & animated celebration widgets for Flutter.

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!

0
likes
140
points
76
downloads

Documentation

API reference

Publisher

verified publisherzeba.academy

Weekly Downloads

Beautiful particle effects & animated celebration widgets for Flutter.

Homepage

License

GPL-3.0 (license)

Dependencies

flutter

More

Packages that depend on zeba_academy_particle_ui