Glow Orb Widget #

A highly customizable animated glow orb widget with gradient effects, perfect for AI assistants and interactive applications.

Preview #

Widget de Cara de Asistente con gradiente animado

Features #

• 🌈 Advanced multi-color blob system with customizable positions
• ✨ Multiple simultaneous animations (floating, color shifting, blinking, looking around)
• 🎛️ Highly parametrizable (30+ customization options)
• 🎨 Custom color schemes support with pre-defined themes
• 👀 Realistic eye movements and blinking animations
• 🔄 Startup animation sequence
• 📏 Fully adjustable size and positioning
• 🎯 Tap interaction support
• 🚀 Smooth performance with optimized animations

Installation #

Add this to your package's pubspec.yaml file:

dependencies:
  glow_orb: ^1.0.0

Then run:

flutter pub get

Usage #

Basic Usage #

import 'package:glow_orb/glow_orb.dart';

GlowOrb(
  size: 200,
  onTap: () {
    print('Orb tapped!');
  },
)

Custom Colors #

GlowOrb(
  size: 250,
  customColorScheme: [
    Colors.purple,
    Colors.blue,
    Colors.cyan,
    Colors.green,
  ],
  floatIntensity: 15.0,
  lookAroundIntensity: 10.0,
)

Using Pre-defined Themes #

GlowOrb(
  size: 200,
  customColorScheme: GlowOrbThemes.cyber,
)

Disabled Animations #

GlowOrb(
  size: 150,
  enableFloating: false,
  enableColorShift: false,
  enableBlinking: false,
  enableLookAround: false,
  enableStartupAnimation: false,
)

Custom Animation Durations #

GlowOrb(
  size: 200,
  floatAnimationDuration: Duration(seconds: 4),
  colorShiftDuration: Duration(seconds: 10),
  blinkDuration: Duration(seconds: 2),
  lookAroundDuration: Duration(seconds: 8),
)

Available Themes #

• GlowOrbThemes.rainbow - Classic rainbow colors
• GlowOrbThemes.sunset - Warm sunset colors
• GlowOrbThemes.ocean - Cool ocean blues
• GlowOrbThemes.cyber - Bright neon colors
• GlowOrbThemes.professional - Professional purple tones

Main Parameters #

Animation Controls #

Animation Durations #

Color Blob Customization #

You can customize the background color blobs using the colorBlobs parameter:

GlowOrb(
  colorBlobs: [
    ColorBlobConfig(
      position: ColorBlobPosition.topLeft,
      size: 120,
      colorOffset: 0,
      blurSigma: 20,
    ),
    ColorBlobConfig(
      position: ColorBlobPosition.topRight,
      size: 140,
      colorOffset: 120,
      blurSigma: 30,
    ),
  ],
)

Example #

Check out the /example folder for a complete example app showing different configurations, themes, and customization options.

Contributing #

Contributions are welcome! Please feel free to submit a Pull Request.

License #

This project is licensed under the MIT License - see the LICENSE file for details.# Animated Assistant Face

A customizable animated face widget with gradient effects, perfect for AI assistants and interactive applications.