---
name: nexu-io/fx-gradient-blob
source: https://app.decimal.ai/s/nexu-io-fx-gradient-blob@1/SKILL.md
source_sha256: a24f4ead3b30
---

# Gradient Blob

Soft drifting gradient blobs — a warm ambient glow. From [Open Design](https://github.com/nexu-io/open-design)'s html-ppt fx pack (Apache-2.0).
Part of [motion-anything](https://github.com/nexu-io/motion-anything); obeys `MOTION-SPEC.md`.

## When to use it
- Title cards, section breaks, or hero moments in slides / launch videos.

## When NOT to use it (restraint)
- Web body content or anything needing focused reading. Never more than one bold effect at once.

## How to apply
1. Copy `gradient-blob.js` and `_util.js` and link them.
2. Add `data-fx="gradient-blob"` to a positioned container; call `HPX['gradient-blob'](el)` (guard prefers-reduced-motion).

## Accessibility & performance
- Guard with prefers-reduced-motion (don't start). Canvas-based; isolated compositing layer.