🚀 Just posted on Medium about my new compact, responsive file uploader for Next.js, built with <code>shadcn/ui</code>! Couldn’t find what I needed, so I made it. Here’s the rundown:
<ul>
<li>📁 Any File Type: Upload images, PDFs, or more!</li>
<li>🔢 Custom Limits: Set min/max file counts (e.g., 1-5).</li>
<li>👀 Live Previews: See uploads with progress bars.</li>
<li>✨ Glow on Delete: Sleek animation for file removal.</li>
<li>✅ Type-Safe: Zod + React Hook Form inside.</li>
<li>☁️ Cloud-Ready: S3/R2 via signed URLs.</li>
<li>📱 Responsive: Perfect on all screens.</li>
</ul>
🔗 Full post: <a href="https://medium.com/@jacksonkasipeacock/building-a-compact-responsive-multi-image-uploader-for-next-js-2a96456c64ef" target="_blank" rel="noopener nofollow">Building a Compact, Responsive File Uploader</a> 
⭐ Repo: <a href="https://github.com/jacksonkasi0/nextjs-multi-image-upload" target="_blank" rel="noopener nofollow">github.com/jacksonkasi0/nextjs-multi-image-upload</a>
Thoughts? Star it 🌟 or comment below! Happy coding! 💻

Join Dev Resource Squads today and become part of a vibrant community that is passionate about development, learning, and growth. Let's build the future of web development together!.. Please do Post, Comments, and Upvote!

Dev Resource

Introducing a new file uploader for Next.js that supports multiple file types, custom file limits, live previews with progress bars, sleek animations on file removal, and cloud integration via S3/R2 using signed URLs. The uploader is built with Shadcn/ui and ensures type-safety using Zod and React Hook Form, providing a responsive design suitable for all screen sizes.

Multi-Image Uploader for Next.js | Shadcn/ui