Nebula - Iconify Lib is an advanced icon element that turns any Iconify icon into a fully customizable component inside Bubble.

---

---

Overview
Nebula - Iconify Lib is an advanced icon element that turns any Iconify icon into a fully customizable component inside Bubble. It gives you precise control over size, color, rotation, flip, scale, shadow, and spin animations - all with smooth transitions and native performance.
Ideal for menus, dashboards, buttons, indicators, and modern interfaces that need dynamic, interactive icons.

How It Works

• Automatic Rendering: provide the Iconify icon name and the plugin renders it instantly.
  
• Fully Responsive: the icon automatically fits the Bubble element size, respecting width, height, and borders.
  
• Advanced Transforms: apply rotation, horizontal/vertical flip, and scaling with smooth transitions.
  
• Smart Animations: enable spin, set loop time, and control how the animation behaves via properties.
  
• Realistic Shadows: customize color, blur, and offsets using native drop-shadow.
  
• Click Behavior: choose whether the icon should handle clicks itself or delegate them to the parent element.
  

When to Use

• When you want to replace static PNG/SVG icons with scalable, dynamic icons.
  
• In dashboards and SaaS apps that require reactive and consistent iconography.
  
• To build animated loaders, action buttons with visual feedback, or status indicators.
  
• To standardize icon usage across the entire app using a single icon system (Iconify).
  

Benefits

• Removes the need for multiple icon sets and scattered styles.
  
• Eliminates custom CSS hacks for simple animations and transforms.
  
• Keeps your UI consistent at any resolution or layout.
  
• Works seamlessly with Bubble conditions and workflows.
  
• Lightweight, fast, and completely native to the Bubble environment.
  

Key Features

• Iconify Compatible: supports any Iconify icon by name (ph:, mdi:, material-symbols:, etc.).
  
• Full Transform Control: rotation, flip X/Y, and safe scaling with automatic clamping.
  
• Configurable Spin: enable spin with optional looping and adjustable duration.
  
• Smooth Transitions: control all transform transitions via a single timing property.
  
• Custom Drop Shadow: color, horizontal/vertical offset, and blur are fully configurable.
  
• Smart Click Handling: choose between direct click handling or parent-driven interaction.
  
• Responsive Sizing: icon size is calculated based on the actual Bubble element dimensions.