{"_id":"@akbeniwal/react-native-smart-image","_rev":"8-e0fecc5729c6c57e2421931fd5ba21ae","name":"@akbeniwal/react-native-smart-image","dist-tags":{"latest":"1.0.10"},"versions":{"1.0.0":{"name":"@akbeniwal/react-native-smart-image","version":"1.0.0","keywords":["react-native","image","smart-image","image-loader","skeleton","lazy-loading","reanimated","animation","placeholder","image-component"],"author":{"name":"Abhishek Beniwal"},"license":"MIT","_id":"@akbeniwal/react-native-smart-image@1.0.0","maintainers":[{"name":"akbeniwal","email":"abhishekbeniwal363@gmail.com"}],"homepage":"https://github.com/AKBeniwal1700/react-native-smart-image#readme","bugs":{"url":"https://github.com/AKBeniwal1700/react-native-smart-image/issues"},"dist":{"shasum":"a8455d313fe1265b67f7b5e04b794a9923d8884c","tarball":"https://registry.npmjs.org/@akbeniwal/react-native-smart-image/-/react-native-smart-image-1.0.0.tgz","fileCount":12,"integrity":"sha512-LeDlm5Of9wc0TOuX8CzYkIe8RCv2hruxt/G6kzsDcam/6hhiXdH8jW25rqju+djTxIBREqyr2g4Rj65Qexfldw==","signatures":[{"sig":"MEUCIQDmjPhtRoXRh4+OxcGcma8xjrE98hNzJHEtimMwi7uGpwIgBybMheA51URUUX0vvOcu/LFsRXZoENCOtbvpTVK2XMM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11665},"main":"dist/index.js","types":"dist/index.d.ts","scripts":{"build":"tsc","prepare":"yarn build"},"_npmUser":{"name":"akbeniwal","email":"abhishekbeniwal363@gmail.com"},"repository":{"url":"git+https://github.com/AKBeniwal1700/react-native-smart-image.git","type":"git"},"_npmVersion":"10.9.8","description":"A powerful React Native image component with skeleton loading and reveal animations.","directories":{},"_nodeVersion":"22.22.3","_hasShrinkwrap":false,"devDependencies":{"react":"^19.2.7","typescript":"^6.0.3","@types/react":"^19.2.16","react-native":"^0.85.3","react-native-reanimated":"^4.4.1"},"peerDependencies":{"react":">=18.0.0","react-native":">=0.72.0","react-native-reanimated":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-smart-image_1.0.0_1780571758132_0.19963537617872507","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@akbeniwal/react-native-smart-image","version":"1.0.1","keywords":["react-native","image","smart-image","image-loader","skeleton","lazy-loading","reanimated","animation","placeholder","image-component"],"author":{"name":"Abhishek Beniwal"},"license":"MIT","_id":"@akbeniwal/react-native-smart-image@1.0.1","maintainers":[{"name":"akbeniwal","email":"abhishekbeniwal363@gmail.com"}],"homepage":"https://github.com/AKBeniwal1700/react-native-smart-image#readme","bugs":{"url":"https://github.com/AKBeniwal1700/react-native-smart-image/issues"},"dist":{"shasum":"080bab7d0c97b60b1d5d6c59c0de6659f41167dd","tarball":"https://registry.npmjs.org/@akbeniwal/react-native-smart-image/-/react-native-smart-image-1.0.1.tgz","fileCount":12,"integrity":"sha512-HyTmz0+4EpzJoE80xP39YvKyUqwuw14d3cTyzDvLDQGK0JkCbVk3PPDVqcWLy4qnvSHgCtn9u9NBCVcH41tMHA==","signatures":[{"sig":"MEUCIQDctIuI+SUEtdN3wTaLrw4pIjZ1umgPoxzwWyIhRZCvIAIgQT49R/+c1r71vLA45RA143wxDcZBocGr6iPeObU02I0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11837},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"}},"gitHead":"f4d33f19a602bd492af479fdf6abdb762d6779eb","scripts":{"build":"tsc","prepare":"yarn build"},"_npmUser":{"name":"akbeniwal","email":"abhishekbeniwal363@gmail.com"},"repository":{"url":"git+https://github.com/AKBeniwal1700/react-native-smart-image.git","type":"git"},"_npmVersion":"10.9.8","description":"A powerful React Native image component with skeleton loading and reveal animations.","directories":{},"_nodeVersion":"22.22.3","_hasShrinkwrap":false,"devDependencies":{"react":"^19.2.7","typescript":"^6.0.3","@types/react":"^19.2.16","react-native":"^0.85.3","react-native-reanimated":"^4.4.1"},"peerDependencies":{"react":">=18.0.0","react-native":">=0.72.0","react-native-reanimated":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-smart-image_1.0.1_1780577175320_0.6823497715157187","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@akbeniwal/react-native-smart-image","version":"1.0.2","keywords":["react-native","image","smart-image","image-loader","skeleton","lazy-loading","reanimated","animation","placeholder","image-component"],"author":{"name":"Abhishek Beniwal"},"license":"MIT","_id":"@akbeniwal/react-native-smart-image@1.0.2","maintainers":[{"name":"akbeniwal","email":"abhishekbeniwal363@gmail.com"}],"homepage":"https://github.com/AKBeniwal1700/react-native-smart-image#readme","bugs":{"url":"https://github.com/AKBeniwal1700/react-native-smart-image/issues"},"dist":{"shasum":"e59a2b720478b0570f7196a1e71c878e9bb877e8","tarball":"https://registry.npmjs.org/@akbeniwal/react-native-smart-image/-/react-native-smart-image-1.0.2.tgz","fileCount":12,"integrity":"sha512-TMxCciFnszJ3OZOcmNyZ07tpFAqbm/JAS0Ldd7S7yaCqjWyBLQn3dlk7VKegA+VJRJLD0x8hmwOmqrSHiImNSA==","signatures":[{"sig":"MEYCIQCjgucG6457Mn4F4wQPLAZtaxuHgZwLHtQ+dfuXuyOJMwIhAJJL43PiSwhADZr9SuyfoWZ1HcHmjHX26u+XaKWmArfU","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":13020},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"}},"gitHead":"f4d33f19a602bd492af479fdf6abdb762d6779eb","scripts":{"build":"tsc","prepare":"yarn build"},"_npmUser":{"name":"akbeniwal","email":"abhishekbeniwal363@gmail.com"},"repository":{"url":"git+https://github.com/AKBeniwal1700/react-native-smart-image.git","type":"git"},"_npmVersion":"10.9.8","description":"A powerful React Native image component with skeleton loading and reveal animations.","directories":{},"_nodeVersion":"22.22.3","_hasShrinkwrap":false,"devDependencies":{"react":"^19.2.7","typescript":"^6.0.3","@types/react":"^19.2.16","react-native":"^0.85.3","react-native-reanimated":"^4.4.1"},"peerDependencies":{"react":">=18.0.0","react-native":">=0.72.0","react-native-reanimated":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-smart-image_1.0.2_1780577631587_0.5319969559806332","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@akbeniwal/react-native-smart-image","version":"1.0.3","keywords":["react-native","image","smart-image","image-loader","skeleton","lazy-loading","reanimated","animation","placeholder","image-component"],"author":{"name":"Abhishek Beniwal"},"license":"MIT","_id":"@akbeniwal/react-native-smart-image@1.0.3","maintainers":[{"name":"akbeniwal","email":"abhishekbeniwal363@gmail.com"}],"homepage":"https://github.com/AKBeniwal1700/react-native-smart-image#readme","bugs":{"url":"https://github.com/AKBeniwal1700/react-native-smart-image/issues"},"dist":{"shasum":"e8eabbbd676cf5252daa6bb95bafc707d07d177c","tarball":"https://registry.npmjs.org/@akbeniwal/react-native-smart-image/-/react-native-smart-image-1.0.3.tgz","fileCount":12,"integrity":"sha512-LZtMa8+BfcAy+V9huTbW5348MFlY4BOm47s+JfG+1w0d4ZxYQBENtcktT79UZnfH4Gaav15OgFQQQdDvCkBs6Q==","signatures":[{"sig":"MEQCIHh8gprY4lpJfgK7aJbsm7HPLkX61bpQriwjRUm6Cr6XAiB1XSYezo+Er61i9FiaCKtkESMmo074B+9hS6X2lWPJlw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":13034},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"}},"gitHead":"fbabf6559a5f5e1e0bf627faa92f73ae712ef466","scripts":{"build":"tsc","prepare":"yarn build"},"_npmUser":{"name":"akbeniwal","email":"abhishekbeniwal363@gmail.com"},"repository":{"url":"git+https://github.com/AKBeniwal1700/react-native-smart-image.git","type":"git"},"_npmVersion":"10.9.8","description":"A powerful React Native image component with skeleton loading and reveal animations.","directories":{},"_nodeVersion":"22.22.3","_hasShrinkwrap":false,"devDependencies":{"react":"^19.2.7","typescript":"^6.0.3","@types/react":"^19.2.16","react-native":"^0.85.3","react-native-reanimated":"^4.4.1"},"peerDependencies":{"react":">=18.0.0","react-native":">=0.72.0","react-native-reanimated":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-smart-image_1.0.3_1780578459676_0.5416203710941756","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@akbeniwal/react-native-smart-image","version":"1.0.4","keywords":["react-native","image","smart-image","image-loader","skeleton","lazy-loading","reanimated","animation","placeholder","image-component"],"author":{"name":"Abhishek Beniwal"},"license":"MIT","_id":"@akbeniwal/react-native-smart-image@1.0.4","maintainers":[{"name":"akbeniwal","email":"abhishekbeniwal363@gmail.com"}],"homepage":"https://github.com/AKBeniwal1700/react-native-smart-image#readme","bugs":{"url":"https://github.com/AKBeniwal1700/react-native-smart-image/issues"},"dist":{"shasum":"46b46d2e566ef7b3d0b487ea27b42a4c7f181b85","tarball":"https://registry.npmjs.org/@akbeniwal/react-native-smart-image/-/react-native-smart-image-1.0.4.tgz","fileCount":12,"integrity":"sha512-qPVC+hnBrMeAge/7zpzv3XqW1uZebA5Az74KpSsjLgENgX36dbiDEhpQTC/5z13WAHpeOHLGcMeblrjVZ3PoIg==","signatures":[{"sig":"MEUCIQDvjp5cQNEU2I/gtghjzue6VuIcMsEUHoGajoI2VvhBCQIgdblHAIdfL5LvSNd5Dw6r2WBR/Iq4J/bg9aJIoB8UkM8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":13885},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"}},"gitHead":"fbabf6559a5f5e1e0bf627faa92f73ae712ef466","scripts":{"build":"tsc","prepare":"yarn build"},"_npmUser":{"name":"akbeniwal","email":"abhishekbeniwal363@gmail.com"},"repository":{"url":"git+https://github.com/AKBeniwal1700/react-native-smart-image.git","type":"git"},"_npmVersion":"10.9.8","description":"A powerful React Native image component with skeleton loading and reveal animations.","directories":{},"_nodeVersion":"22.22.3","_hasShrinkwrap":false,"devDependencies":{"react":"^19.2.7","typescript":"^6.0.3","@types/react":"^19.2.16","react-native":"^0.85.3","react-native-reanimated":"^4.4.1"},"peerDependencies":{"react":">=18.0.0","react-native":">=0.72.0","react-native-reanimated":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-smart-image_1.0.4_1780579674577_0.36188838264441814","host":"s3://npm-registry-packages-npm-production"}},"1.0.8":{"name":"@akbeniwal/react-native-smart-image","version":"1.0.8","keywords":["react-native","image","smart-image","image-loader","skeleton","lazy-loading","reanimated","animation","placeholder","image-component"],"author":{"name":"Abhishek Beniwal"},"license":"MIT","_id":"@akbeniwal/react-native-smart-image@1.0.8","maintainers":[{"name":"akbeniwal","email":"abhishekbeniwal363@gmail.com"}],"homepage":"https://github.com/AKBeniwal1700/react-native-smart-image#readme","bugs":{"url":"https://github.com/AKBeniwal1700/react-native-smart-image/issues"},"dist":{"shasum":"d43f8c0e4e309fa827672beee8fc9e7863ff4d3c","tarball":"https://registry.npmjs.org/@akbeniwal/react-native-smart-image/-/react-native-smart-image-1.0.8.tgz","fileCount":12,"integrity":"sha512-6cLPUsENFYO9MSH2ADxHCGgzen1xtK19K4rYkJzATByf9yxd3IrCL4IMgtE/kO7rVMnKEf93LDS8yIkTgdb36A==","signatures":[{"sig":"MEQCIC/0qsOhrlWG+wXF9nEZqdY8HwHvudf9kQSarCdA9ql/AiBrS8hjK7c44vK0zE82gf2x4TtElVenmVSLbW3viQGYFQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":13648},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"}},"gitHead":"fbabf6559a5f5e1e0bf627faa92f73ae712ef466","scripts":{"build":"tsc","prepare":"yarn build"},"_npmUser":{"name":"akbeniwal","email":"abhishekbeniwal363@gmail.com"},"repository":{"url":"git+https://github.com/AKBeniwal1700/react-native-smart-image.git","type":"git"},"_npmVersion":"10.9.8","description":"A powerful React Native image component with skeleton loading and reveal animations.","directories":{},"_nodeVersion":"22.22.3","_hasShrinkwrap":false,"devDependencies":{"react":"^19.2.7","typescript":"^6.0.3","@types/react":"^19.2.16","react-native":"^0.85.3","react-native-reanimated":"^4.4.1"},"peerDependencies":{"react":">=18.0.0","react-native":">=0.72.0","react-native-reanimated":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-smart-image_1.0.8_1780581264612_0.1817674335569237","host":"s3://npm-registry-packages-npm-production"}},"1.0.9":{"name":"@akbeniwal/react-native-smart-image","version":"1.0.9","keywords":["react-native","image","smart-image","image-loader","skeleton","lazy-loading","reanimated","animation","placeholder","image-component"],"author":{"name":"Abhishek Beniwal"},"license":"MIT","_id":"@akbeniwal/react-native-smart-image@1.0.9","maintainers":[{"name":"akbeniwal","email":"abhishekbeniwal363@gmail.com"}],"homepage":"https://github.com/AKBeniwal1700/react-native-smart-image#readme","bugs":{"url":"https://github.com/AKBeniwal1700/react-native-smart-image/issues"},"dist":{"shasum":"052a2d88ad8f83e852f2a941541c0fd6b1e9108c","tarball":"https://registry.npmjs.org/@akbeniwal/react-native-smart-image/-/react-native-smart-image-1.0.9.tgz","fileCount":12,"integrity":"sha512-m+RA9dIO5uAHLTUL6iS+NbVB79Ju6P2VCwJHVOdDbbk5unS3xeBOIay5xNiRSosmz3nckoXAbBMP2izWGugS+A==","signatures":[{"sig":"MEYCIQCGCNxXz+6emNS5yR1Fo1mD8dUlHURIxmkmRqIQFLEryQIhAO32y1wBz/2YCYcVLFboErWeqkS8SaySk+ouxNEBpm/d","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":14060},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"}},"gitHead":"fbabf6559a5f5e1e0bf627faa92f73ae712ef466","scripts":{"build":"tsc","prepare":"yarn build"},"_npmUser":{"name":"akbeniwal","email":"abhishekbeniwal363@gmail.com"},"repository":{"url":"git+https://github.com/AKBeniwal1700/react-native-smart-image.git","type":"git"},"_npmVersion":"10.9.8","description":"A powerful React Native image component with skeleton loading and reveal animations.","directories":{},"_nodeVersion":"22.22.3","_hasShrinkwrap":false,"devDependencies":{"react":"^19.2.7","typescript":"^6.0.3","@types/react":"^19.2.16","react-native":"^0.85.3","react-native-reanimated":"^4.4.1"},"peerDependencies":{"react":">=18.0.0","react-native":">=0.72.0","react-native-reanimated":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-smart-image_1.0.9_1780582478324_0.6077434014951002","host":"s3://npm-registry-packages-npm-production"}},"1.0.10":{"name":"@akbeniwal/react-native-smart-image","version":"1.0.10","description":"A powerful React Native image component with skeleton loading and reveal animations.","main":"dist/index.js","module":"dist/index.js","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"}},"keywords":["react-native","image","smart-image","image-loader","skeleton","lazy-loading","reanimated","animation","placeholder","image-component"],"author":{"name":"Abhishek Beniwal"},"license":"MIT","homepage":"https://github.com/AKBeniwal1700/react-native-smart-image#readme","repository":{"type":"git","url":"git+https://github.com/AKBeniwal1700/react-native-smart-image.git"},"bugs":{"url":"https://github.com/AKBeniwal1700/react-native-smart-image/issues"},"scripts":{"build":"tsc","prepare":"yarn build"},"peerDependencies":{"react":">=18.0.0","react-native":">=0.72.0","react-native-reanimated":">=3.0.0"},"devDependencies":{"@types/react":"^19.2.16","react":"^19.2.7","react-native":"^0.85.3","react-native-reanimated":"^4.4.1","typescript":"^6.0.3"},"_id":"@akbeniwal/react-native-smart-image@1.0.10","gitHead":"a3ceaacc4a54181011e78b3809c8aada43ad0ed1","_nodeVersion":"22.22.3","_npmVersion":"10.9.8","dist":{"integrity":"sha512-dxWequ+yI/eEXRasW2ZUIwMq0ybpAuUYzVVHXX/cbRlYx2ebYjuNsae99n3NLOsTyu4KvxdLde3PBb6jKW5VKw==","shasum":"89f81d3460fd59e67a9cb1ef06846ce2aa9cbfcc","tarball":"https://registry.npmjs.org/@akbeniwal/react-native-smart-image/-/react-native-smart-image-1.0.10.tgz","fileCount":12,"unpackedSize":14674,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCriAASaxq+QkTiqB9IU2RAzFOBM6jC8si7Dek9YHhLpQIgF2MHHkteZ5ZzLhI6m3RECn1woeujh51IlFoB/AaQJxY="}]},"_npmUser":{"name":"akbeniwal","email":"abhishekbeniwal363@gmail.com"},"directories":{},"maintainers":[{"name":"akbeniwal","email":"abhishekbeniwal363@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-native-smart-image_1.0.10_1780583512069_0.5667276141361539"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-04T11:15:57.862Z","modified":"2026-06-04T14:31:52.317Z","1.0.0":"2026-06-04T11:15:58.264Z","1.0.1":"2026-06-04T12:46:15.493Z","1.0.2":"2026-06-04T12:53:51.718Z","1.0.3":"2026-06-04T13:07:39.938Z","1.0.4":"2026-06-04T13:27:54.711Z","1.0.8":"2026-06-04T13:54:24.772Z","1.0.9":"2026-06-04T14:14:38.478Z","1.0.10":"2026-06-04T14:31:52.215Z"},"bugs":{"url":"https://github.com/AKBeniwal1700/react-native-smart-image/issues"},"author":{"name":"Abhishek Beniwal"},"license":"MIT","homepage":"https://github.com/AKBeniwal1700/react-native-smart-image#readme","keywords":["react-native","image","smart-image","image-loader","skeleton","lazy-loading","reanimated","animation","placeholder","image-component"],"repository":{"type":"git","url":"git+https://github.com/AKBeniwal1700/react-native-smart-image.git"},"description":"A powerful React Native image component with skeleton loading and reveal animations.","maintainers":[{"name":"akbeniwal","email":"abhishekbeniwal363@gmail.com"}],"readme":"# @akbeniwal/react-native-smart-image\n\n

\n \"npm\n \"license\"\n \"npm\n \"issues\"\n

\n\nA high-performance, lightweight React Native image component featuring built-in skeleton loading state placeholders and smooth, hardware-accelerated image reveal animations powered by **React Native Reanimated**.\n\n---\n\n## Key Features\n\n- ⚡ **Zero-Jitter Placeholder**: Showcases a customizable skeleton loading background while the image is loading.\n- 🚀 **Hardware-Accelerated Reveal Animations**: Smooth entry animations using Reanimated worklets (runs on the UI thread).\n- 🎨 **Extremely Customizable**: Adjust animation types, custom durations, and skeleton colors easily.\n- 📱 **Robust Layout Sync**: Keeps layout aspect ratio and styles consistent during transitions.\n- 🔥 **TypeScript First**: Full type safety with out-of-the-box definitions.\n- ⚙️ **Performance Tuned**: Consolidates all reveal animations into a single custom hook, reducing JS-to-Native bridge overhead.\n\n---\n\n## Installation\n\nInstall using **yarn**:\n\n```bash\nyarn add @akbeniwal/react-native-smart-image\n```\n\nOr using **npm**:\n\n```bash\nnpm install @akbeniwal/react-native-smart-image\n```\n\n_Note: This package requires `react-native-reanimated` (v2.x, v3.x or v4.x). Ensure it is installed and configured in your project._\n\n---\n\n## Supported Animations\n\nThe following reveal animations are supported out-of-the-box:\n\n- `fade` (Default)\n- `slide-up`\n- `slide-down`\n- `slide-left`\n- `slide-right`\n- `zoom-out`\n- `zoom-in`\n- `fold-out`\n\n---\n\n## Usage & Examples\n\n### Basic Usage\n\n```tsx\nimport React from \"react\";\nimport { SmartImage } from \"@akbeniwal/react-native-smart-image\";\n\nconst App = () => {\n return (\n \n );\n};\n```\n\n---\n\n### Customized Animations\n\n#### Slide Up Animation\n\n```tsx\n\n```\n\n#### Zoom Out Animation\n\n```tsx\n\n```\n\n#### Zoom In Animation\n\n```tsx\n\n```\n\n#### Fold Out Animation\n\n```tsx\n\n```\n\n---\n\n## Component API Props\n\n| Prop | Type | Required | Default | Description |\n| :---------------------- | :---------------------- | :------- | :---------- | :----------------------------------------------------------------------------------------------------------------- |\n| **`source`** | `ImageSourcePropType` | **Yes** | - | The image source (e.g. URI or local resource). |\n| **`style`** | `StyleProp` | No | - | Style object applied to both the image and the skeleton wrapper. |\n| **`animation`** | `AnimationType` | No | `\"fade\"` | The reveal animation type (`fade`, `slide-up`, `slide-down`, `slide-left`, `slide-right`, `zoom-out`, `zoom-in`, `fold-out`). |\n| **`animationDuration`** | `number` | No | `400` | Duration of the transition animation in milliseconds. |\n| **`skeletonColor`** | `string` | No | `\"#E5E5E5\"` | The background color of the skeleton placeholder block. |\n\n---\n\n## Roadmap\n\n### 🚀 v1.1.0\n\n- [ ] Customizable skeleton shimmer/pulse effect animation\n- [ ] Error placeholder state / fallback image component\n- [ ] Retry loading trigger on image press/failure\n\n### 🚀 v1.2.0\n\n- [ ] Blur-up placeholder reveal animation\n- [ ] Progressive resolution image loading (loading a tiny thumbnail first)\n- [ ] Advanced caching layer for network source images\n\n---\n\n## License\n\nThis project is licensed under the **MIT License** - see the LICENSE file for details.\n\n## Author\n\n**Abhishek Beniwal**\n","readmeFilename":"README.md"}