Lumeo

Confetti

Burst of colored particles emitted on demand via an imperative Fire() method. Perfect for celebrations and success states.

Installation

dotnet add package Lumeo.Motion

One-time app setup (AddLumeo(), CSS & JS) is covered in the installation guide.

Usage

@using Lumeo

<Confetti />

When to Use

Celebrate a user milestone (form submitted, goal reached, purchase complete).
Make a "tada" moment more memorable with a single confetti burst.
Use the imperative Fire() method via @ref to trigger programmatically.

Button-triggered Burst

Custom Colors

Custom Origin & Spread

API Reference

Imperative API: Capture a reference with @ref="_confettiRef" and call await _confettiRef!.Fire() from any event handler.

Sparkles — Always-on decorative sparkles around content.
AnimatedBeam — Animated SVG gradient beam between two elements.