design-infraReport a problem or share feedback← Catalog
Image FX
curatedfreelibrariesdev/img-fx
Animated WebGL image-generation / loader effect for React cards (needs three).
$
pnpm add img-fxnpm deps: img-fx, three
Our notes
Placeholder while an image model is generating.- Source
- libraries.dev
- Kind
- package
- Categories
- loader, image
- Use as
- drop-in — replaces your component
- Applies to
- imageloader
- Motion
- on loop, state · expressive · webgl · high cost · ignores reduced motion
- Tags
- npm, mit
- Licence
- MIT (packages). Pro subscription adds a Studio + agent skills.
- Live demo
- libraries.dev
- Docs
- libraries.dev
Similar
Compare all 4 →- Image Generation Loaderaceternity/image-generation-loaderA canvas loader that scans across an image with animated pixel grids, text masks, and progress overlays.
- Thinking Orbslibrariesdev/thinking-orbsOur default agent-activity indicator; wrapped by @oc/agent-status. Canvas 2D, no WebGL. Also: thinking-orbs-native (RN) and SwiftUI.
- Agent statusoc/agent-statusInline or avatar-size agent activity indicator: libraries.dev thinking-orbs + shimmering verb + detail line.