OpenFileConverter Edge WASM Studio
Screen #24 of 60 Batch 4 mobile • 390x844px

Mobile Camera Document Edge Detection & Scanner Viewfinder

Open Route
Specification & Codex Reference Prompt (Click to expand) (Mobile camera viewfinder detecting paper document borders in real time, auto-cropping, and converting straight to searchable PDF.)

Screen Role: Mobile camera viewfinder detecting paper document borders in real time, auto-cropping, and converting straight to searchable PDF.

Design Intent: A high-tech mobile camera scanner UI mockup at 390x844 resolution (iPhone 15 Pro) in crisp Light Mode. Camera viewfinder viewport: A physical printed business invoice contract resting on a bright white desk, with a glowing blue quadrilateral edge-detection bounding polygon snapping tightly around the 4 corners of the paper. Floating pill at top: "Document Detected • Auto-Snapping in 2s". Bottom control bar in pure white: Large circular camera shutter button with blue ring, toggle for "Auto-Crop: ON", toggle for "Black & White / Color", and format selector pill "[ Output: Searchable PDF v ]". Clean mobile utility aesthetic, zero emojis.

Component Architecture: Django Cotton components (<c-file_converter.* />) with Tailwind tokens matching Labb.io design language.

Direct route: /file-converter/m/scanner/ Template: file_converter/screens/screen_24.html
Live Django Implementation (mobile)
Isolate →
Document Detected • Auto-Snapping in 2s
Auto-Crop: ON Color Scan
Output: Searchable PDF
Original Codex Reference Mockup Full PNG
Authoritative Reference for Screen #24