aura_icon 0.0.1

AuraIcon is a visual interface layer for emotion-aware, voice-driven, and next-gen apps. Inspired by AI interfaces, it provides dynamic animated containers for icons or widgets that signal interaction [...]

✨ AuraIcon

AuraIcon is a visual interface layer for emotion-aware, voice-driven, and next-gen apps. Inspired by AI interfaces, it provides dynamic animated containers for icons or widgets that signal interaction, state, and presence — with no external dependencies.

---

📌 Features

• Pure Flutter — zero dependencies
• Glowing, animated "lava lamp" style blobs
• Circle, square, and floating circles shapes
• Smooth, performance-friendly animations
• Fully customizable size, radius, and colors
• Ready for future enhancements (colors, shapes, and more)

---

🚀 Installation

flutter pub add aura_icon

---

🎯 Basic Usage (Circle Shape)

AuraIcon(
  shape: AuraShape.circle,
  size: 120,
  radius: 40,
  colors: [
    Colors.blue,
    Colors.purple,
    Colors.pink,
  ],
);

---

◼️ Square Shape Example

AuraIcon(
  shape: AuraShape.square,
  size: 120,
  radius: 30,
  colors: [
    Colors.red,
    Colors.orange,
    Colors.deepOrange,
  ],
);

---

⚪ Floating Circles Shape Example

AuraIcon(
  shape: AuraShape.floatingCircles,
  size: 120,
  radius: 50,
  colors: [
    Colors.green,
    Colors.lightGreen,
    Colors.teal,
  ],
);

---

🎨 Customizing Size

AuraIcon(
  shape: AuraShape.circle,
  size: 200, // Larger visual presence
  radius: 60,
  colors: [
    Colors.purple,
    Colors.indigo,
  ],
);

---

🎨 Customizing Radius

AuraIcon(
  shape: AuraShape.circle,
  size: 150,
  radius: 20, // Tighter blob movement
  colors: [
    Colors.orange,
    Colors.deepOrange,
  ],
);

---

🛠 Example: All Shapes with Multi-Color Support in a Row

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    AuraIcon(
      shape: AuraShape.circle,
      size: 100,
      radius: 30,
      colors: [Colors.blue, Colors.cyan, Colors.indigo],
    ),
    SizedBox(width: 20),
    AuraIcon(
      shape: AuraShape.square,
      size: 100,
      radius: 40,
      colors: [Colors.red, Colors.orange, Colors.deepOrange],
    ),
    SizedBox(width: 20),
    AuraIcon(
      shape: AuraShape.floatingCircles,
      size: 100,
      radius: 50,
      colors: [Colors.green, Colors.lightGreen, Colors.teal],
    ),
  ],
);

---

🌍 Social & Support

• X / Twitter
• AuraIcon GitHub Repo
• My GitHub Profile

---