# img-fx

> Animated pixel-mosaic image loader and reveal component library

img-fx is an animated image loader component library by designer Jakub Antalik. It replaces standard loading spinners with an animated pixelated mosaic reveal effect that gradually resolves into the final image. It supports dark and light modes across various aspect ratios.

Website: https://image.jakubantalik.com/

## What it is for

- Replace generic loading spinners with a polished image reveal animation
- Enhance perceived performance during photo and card asset loading
- Implement consistent loading micro-interactions across light and dark interfaces

## Features

- Pixelated mosaic reveal animation
- Dark and light theme support
- Support for square, portrait, and landscape image aspect ratios
- Installable via npm (\`npm install img-fx\`)
- Drop-in component architecture

## Pricing

Free to install via npm

## Details

- Type: Web app
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Platforms: Code library, Web
- For: Frontend developers and product designers
- Tags: react, components, animation, image loader, ui, npm

## Why it was saved

- [@Jakubantalik, 26 May 2026](https://x.com/Jakubantalik/status/2059303043305521265): Drop-in replacement for generic spinners when loading photos or cards; the pixel-mosaic reveal is a distinctive, polished loading micro-interaction usable in real products.

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/img-fx

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.