Development · Web app
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.
What it's 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
- Topic
- UI Components
- Platforms
- Code library, Web
- For
- Frontend developers and product designers
- Tags
- react, components, animation, image loader, ui, npm
Why it was saved
- @Jakubantalik: 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
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Updated