Instagram Padding Tool (My first "vibe coded" app*) (opens in new tab)

Nice, making use of AI is really a great way to improve.

> Posting my shots on instagram was always painful, so I created an app to fix the padding issue. (padsnap.app)

I "vibe coded" this app last week for my own sanity, and got a fascinating reaction and feedback from the only places I shared this app in (2 photography subreddits). The amount of positive feedback was beyond my expectations. Also got really good direct feedback and feature requests that made the experience much more fun to do.

Open to any suggestions, comments, feature requests, or simply if this tool is helping you I'd like to know.

-----

- /r/AnalogCommunity https://www.reddit.com/r/AnalogCommunity/comments/1keqwmv/po...

- /r/photography https://www.reddit.com/r/photography/comments/1keq0sf/postin...

-----

The feature list is now much bigger than the post from reddit.

> PadSnap is a simple web application that pads your photos with customizable borders so they fit Instagram's recommended post dimensions without cropping or quality loss. Supports batch processing, custom colors, and instant previews.

Key Features:

- Modern, intuitive interface with light & dark themes

- One-click photo processing for Instagram-friendly dimensions

- Customizable borders or blurred image backgrounds

- Batch load and preview with ZIP download

- Works entirely in your browser – no photos ever leave your device

- Progressive Web App (PWA) support for installation on any device

- Works Offline too.

- Will always be free and ad-free.

-----------

## Technical Features

- Responsive Design: Mobile-optimized with adaptive UI for all screens

- Browser Compatibility: Works across all modern browsers

- Image Processing:

  - Lossless PNG output for maximum quality

  - Smart blur algorithm optimized for different devices

  - High-quality image resizing with proper smoothing

  - Zoom/scale controls for perfect framing

- Performance:

  - Client-side processing with no server uploads

  - Adaptive processing for mobile devices

  - Memory optimization for handling multiple images

  - Timeout safeguards to prevent UI freezing

- Installation:

  - Complete PWA support with offline capabilities

  - Small footprint (less than 100KB core files)

  - Installable on iOS, Android, and desktop

- Customization:

  - Custom color picker for borders

  - Adjustable blur strength

  - Custom dimensions support

  - Dark mode support with system preference detection

------

* technically not my first, but the first that actually finished and I spent a lot of time arguing over tiny CSS issues with Claude :)