seasonal_decor 1.2.0 copy "seasonal_decor: ^1.2.0" to clipboard
seasonal_decor: ^1.2.0 copied to clipboard

A Flutter package for adding seasonal animations, festive overlays and holiday particle effects like Ramadan, Eid, Christmas, Valentine, Halloween and New Year - with one line of code. Works on Mobile [...]

seasonal_decor #

Live Demo

Flutter Pub Version Production Ready

Add beautiful seasonal animations and festive overlays to your Flutter app with one line of code.

Bring Ramadan vibes, Christmas magic, Valentine effects, New Year celebrations, and more instantly.

Install with one command: flutter pub add seasonal_decor โœจ Features

๐ŸŽ„ Christmas snow and festive decorations

๐ŸŒ™ Ramadan lanterns and crescents

๐ŸŽ‰ Eid balloons and sparkles

๐ŸŽƒ Halloween particles and spooky mood

โค๏ธ Valentine hearts

๐ŸŽ† New Year fireworks and confetti

๐Ÿ† Sports celebration mode

๐ŸŒ— Light and dark theme adaptation

๐Ÿ“ฑ Android, iOS, Web, Windows, macOS, Linux

๐ŸŽ› Control intensity, speed, size, and backdrop layers

๐Ÿ’ฌ Animated greeting text (showText, text, textOpacity)

๐Ÿš€ Quick Start #

SeasonalDecor(
  preset: SeasonalPreset.ramadan(),
  intensity: DecorIntensity.medium,
  child: const HomeScreen(),
);

That is it. Instant festive UI.

SeasonalDecor(
  preset: SeasonalPreset.ramadan(),
  intensity: DecorIntensity.high,
  playDuration: const Duration(seconds: 8),
  repeatEvery: const Duration(minutes: 2),
  showBackdrop: true,
  showText: true,
  textOpacity: 0.5,
  particleSpeedMultiplier: 1.1,
  adaptColorsToTheme: true,
  child: const HomeScreen(),
);

Recommended defaults for most apps:

  • Keep respectReduceMotion: true (default)
  • Keep pauseWhenInactive: true (default)
  • Use intensity: DecorIntensity.medium/high for daily screens
  • Use high/extraHigh/max only for short celebration moments

๐ŸŽฎ Interactive Demo Controls #

In the example app, users can interact with:

  • Preset picker and intensity controls
  • repeatEvery and play duration
  • Backdrop visibility by layer (background/decorative)
  • Greeting text toggle, text input, and text animation controls
  • Reduce-motion behavior and simulation

๐ŸŽจ Available Presets #

  • SeasonalPreset.ramadan()
  • SeasonalPreset.eid()
  • SeasonalPreset.christmas()
  • SeasonalPreset.newYear()
  • SeasonalPreset.valentine()
  • SeasonalPreset.halloween()
  • SeasonalPreset.sportEvent()
  • SeasonalPreset.none()

๐ŸŽ› Customization #

SeasonalDecor(
  preset: SeasonalPreset.christmas(),
  intensity: DecorIntensity.high,
  particleSpeedMultiplier: 1.2,
  particleSizeMultiplier: 1.1,
  showBackdrop: true,
  showBackgroundBackdrops: true,
  showDecorativeBackdrops: true,
  showText: true,
  textOpacity: 0.5,
  repeatEvery: const Duration(minutes: 2),
  child: const HomeScreen(),
);

โš”๏ธ Why Not Just Confetti ? #

Feature seasonal_decor confetti-style package
Seasonal presets Yes No
Decorative backdrops Yes No
One-line setup Yes Limited
Theme adaptive Yes No
Greeting text overlay Yes No
Layer-level backdrop control Yes No

๐ŸŒ Live Demo #

Live Demo

๐Ÿ“ฆ Installation #

Add this to your pubspec.yaml:

dependencies:
  seasonal_decor: ^1.2.0

Then run:

flutter pub get

Or simply:

flutter pub add seasonal_decor

๐Ÿงช Quick Recipes #

Confetti only (disable fireworks in New Year):

SeasonalDecor(
  preset: SeasonalPreset.newYear(),
  presetEnableFireworks: false,
  child: const HomeScreen(),
);

Backdrop only:

SeasonalDecor(
  preset: SeasonalPreset.ramadan(),
  presetShapes: const <ParticleShape>[],
  showBackdrop: true,
  child: const HomeScreen(),
);

Greeting text with default seasonal message:

SeasonalDecor(
  preset: SeasonalPreset.ramadan(),
  showText: true,
  textOpacity: 0.5, // default
  child: const HomeScreen(),
);

Custom message:

SeasonalDecor(
  preset: SeasonalPreset.eid(variant: EidVariant.adha),
  showText: true,
  text: 'Eid Mubarak',
  textStyle: const TextStyle(
    fontSize: 36,
    fontWeight: FontWeight.w700,
  ),
  textDisplayDuration: const Duration(seconds: 2),
  textAnimationDuration: const Duration(milliseconds: 550),
  child: const HomeScreen(),
);

Custom background backdrop widget:

SeasonalDecor(
  preset: SeasonalPreset.ramadan(),
  showBackdrop: true,
  backgroundBackdrop: Align(
    alignment: const Alignment(0.85, -0.7),
    child: Icon(Icons.nightlight_round, size: 180, color: Color(0x66FFE2A6)),
  ),
  child: const HomeScreen(),
);

โš™๏ธ Core Options (Quick Table) #

Option Default Description
enabled true Show/hide overlay.
intensity medium Particle count and base speed profile.
opacity 1.0 Global overlay opacity.
showBackdrop true Render backdrop graphics.
showBackgroundBackdrops true Toggle built-in background backdrop layer.
showDecorativeBackdrops true Toggle decorative backdrop layer.
backgroundBackdrop null Custom widget replacing built-in background backdrops.
showText false Show animated greeting text.
textOpacity 0.5 Greeting text opacity multiplier.
particleSpeedMultiplier 1.0 Runtime speed scale.
particleSizeMultiplier 1.0 Runtime size scale.
decorativeBackdropDensityMultiplier 1.0 Decorative backdrop detail density scale.
playDuration 5s Playback duration per cycle.
repeatEvery null Optional replay interval.

๐Ÿงช Example #

Run example app:

flutter run -t example/lib/main.dart

Run advanced demo:

flutter run -t example/lib/advanced_main.dart

๐Ÿ“ฆ Releases #

๐Ÿ“„ License #

MIT License. See LICENSE.

13
likes
0
points
426
downloads

Publisher

verified publishertamoura.me

Weekly Downloads

A Flutter package for adding seasonal animations, festive overlays and holiday particle effects like Ramadan, Eid, Christmas, Valentine, Halloween and New Year - with one line of code. Works on Mobile, Web & Desktop.

Repository (GitHub)
View/report issues

Topics

#flutter #animation #particles #celebration #seasonal

License

unknown (license)

Dependencies

flutter

More

Packages that depend on seasonal_decor