Transform images into professional PDFs instantly - Perfect for comics, documents, and photo collections.
powered by iscodev
- 🌙 Dark Mode Toggle - Automatic system detection + manual toggle
- 📱 Full Mobile Support - Responsive design for all screen sizes
- 🎨 Adaptive UI - Components that scale perfectly on any device
- 🚀 Touch Optimized - Mobile-first interaction design
- 🌐 PWA Ready - Progressive Web App capabilities
- Upload images (drag & drop or URLs)
- Reorder by dragging table rows
- Configure quality and comic style
- Download your professional PDF
Live Demo: Visit pandascan.online 🚀
- 📁 Multi-Upload: Drag & drop files + URL support
- 🔄 Drag Reorder: Change image order easily
- 📏 Smart Quality: 480px/720px/Original with optimized compression
- 🎨 Professional Output: A4, Letter, Legal, Comic styles
- 🔒 Watermark: Branded PDFs (always included)
- 🌙 Dark/Light Mode: System preference + manual toggle
- 📱 Mobile First: Perfect experience on any device
Framework: Astro 5.13.3 • UI: Tailwind + shadcn/ui • PDF: jsPDF • Images: browser-image-compression
bun install && bun run dev- Upload images by dragging files or adding URLs
- Reorder by dragging rows in the table
- Configure settings (quality, comic style, etc.)
- Download your professional PDF
Perfect for: Comics, documents, photo collections
- Sube imágenes arrastrando archivos o agregando URLs
- Reordena arrastrando filas en la tabla
- Configura ajustes (calidad, estilo cómic, etc.)
- Descarga tu PDF profesional
Perfecto para: Cómics, documentos, colecciones de fotos
- Style: Comic mode (no spaces between images)
- Quality: Standard 720px for balanced performance
- Watermark: Always enabled (PandaScan Converter)
- Image info: Disabled by default
- Page numbers: Enabled by default
- Theme: Dark mode by default (follows system preference)
- Auto Detection: Follows system preference automatically
- Manual Toggle: Fixed button in top-right corner
- Smooth Transitions: All elements animate between themes
- PWA Support: Theme-color meta tag updates dynamically
- Touch Targets: Minimum 44px for all interactive elements
- Responsive Grid: Components stack appropriately on small screens
- Collapsible Tutorial: Expandable on mobile to save space
- Scroll Tables: Horizontal scroll for wide tables on mobile
- Adaptive Text: Font sizes scale with screen size
- Mobile Gestures: Touch-optimized drag & drop
- xs: 475px+ (very small phones)
- sm: 640px+ (small phones)
- md: 768px+ (tablets)
- lg: 1024px+ (laptops)
- xl: 1280px+ (desktops)
- 404 Pages: Automatic redirect to main page
- Corrupt images: Automatically filtered
- Load errors: Automatic retries with visual feedback
- Compatibility: Works on all modern browsers
- Configura ajustes (calidad, estilo cómic, etc.)
- Descarga tu PDF profesional
Perfecto para: Cómics, documentos, colecciones de fotos
| Quality | Resolution | Best For | File Size |
|---|---|---|---|
| 480px | 480px max width | Mobile viewing, fast loading | Smallest |
| 720px | 720px max width | General use, balanced quality | Medium (recommended) |
| Original | No compression | Print quality, archival | Largest |
src/
├── components/
│ ├── ui/ # UI components
│ └── ImageToPDFConverter.astro # Main app
├── lib/utils.ts # Utilities
└── pages/index.astro # Entry point
Chrome 88+ • Firefox 85+ • Safari 14+
MIT License
Made with ❤️ by PandaScan | Visit pandascan.online │ └── index.astro └── package.json
Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
Any static assets, like images, can be placed in the `public/` directory.
## 🧞 Commands
All commands are run from the root of the project, from a terminal:
| Command | Action |
| :------------------------ | :----------------------------------------------- |
| `bun install` | Installs dependencies |
| `bun dev` | Starts local dev server at `localhost:4321` |
| `bun build` | Build your production site to `./dist/` |
| `bun preview` | Preview your build locally, before deploying |
| `bun astro ...` | Run CLI commands like `astro add`, `astro check` |
| `bun astro -- --help` | Get help using the Astro CLI |
## 👀 Want to learn more?
Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).