Docs

Design tools

Guide to colors, gradients, CSS, favicons, SVG and the Sketch whiteboard.

All guides

  • Getting started: What OpenFile is, how to use your first tool, install it as an app and work offline.
  • How OpenFile works: The zero-upload privacy architecture, the processing engines and first-use model downloads.
  • Keyboard shortcuts: Global, command palette, docs and Sketch board keyboard shortcuts.
  • PDF tools: Guide to every PDF tool: merge, split, compress, sign, protect, OCR and more.
  • Convert: Guide to converting between PDF, Word, Excel, PowerPoint, Markdown, HTML and images.
  • Image tools: Guide to compressing, resizing, converting, background removal, upscaling and editing images.
  • Video tools: Guide to trimming, compressing, converting, GIFs and recording video in the browser.
  • Audio tools: Guide to editing, converting, recording and transcribing audio on-device.
  • Developer tools: Guide to JSON, JWT, hashes, regex, QR codes, cURL conversion and other developer utilities.
  • Text & data tools: Guide to diffing, counting, case conversion, Markdown and text cleanup tools.
  • Design tools: Guide to colors, gradients, CSS, favicons, SVG and the Sketch whiteboard.
  • Workspace pipelines: Chain steps into reusable recipes and batch-process hundreds of images or PDFs.
  • Sketch board: The infinite whiteboard: tools, boards, sharing, presenting, exporting and shortcuts.
  • Favorites, history & settings: How favorites, recent tools, activity history and settings are stored locally in IndexedDB.
  • Self-hosting: Deploy OpenFile to Vercel, GitHub Pages, any static host or Docker with nginx.
  • API reference: The optional Vercel serverless routes: /api/health, /api/fetch-page and /api/meta.
  • Browser support: Which browsers and platform features each group of tools needs.
  • FAQ: Answers to common questions about privacy, limits, offline use and troubleshooting.
  • Contributing & adding a tool: Set up the project, follow the tool conventions and add a new tool to the registry.
  • Changelog: Release notes for every OpenFile version.
  • Install on every device: Install OpenFile as a web app, a desktop app for Windows, macOS and Linux, an Android APK or on iPhone.
  • Using tools: Drop zones, batches, page ranges, presets, history, undo and where your downloads go.
  • Themes and accessibility: Black, dark, light and system themes, accent colors, fonts, density, reduced motion and keyboard use.
  • Offline and PWA: How the service worker caches the app, engines and models, how updates work and how to clear data.
  • Open with and share target: Open files from your system with OpenFile and send files to it from the share sheet.
  • Local AI: Which AI models run on your device, their sizes, first-run downloads, WebGPU or CPU, cancelling and privacy.
  • Privacy and security: No uploads, how to verify it yourself in the DevTools network tab, headers and what is stored locally.
  • Formats supported: A searchable matrix of every input and output format, generated from the tool registry.
  • Full tools reference: Every tool with its description, formats and link, generated from the registry. Filter and search.
  • Troubleshooting: Large files, memory, browser support, Safari quirks, unsigned app warnings and quick fixes.
  • Developer guide: Architecture, adding a tool, batch files, tests, builds, Pages and Vercel base paths and releasing the apps.
  • Roadmap: What has shipped and what comes next, generated from the project roadmap.
  • Data: Guide to every Data tool: csv, excel, json, sqlite, parquet, maps and gps.
  • AI: Guide to every AI tool: on-device ai for images, text and documents.
  • 3D: Guide to every 3D tool: view and convert glb, gltf, obj, stl, ply and more.
  • Archives: Guide to every Archives tool: open and create zip, 7z, tar, gz and rar.
  • eBooks: Guide to every eBooks tool: read and convert epub, mobi, fb2 and comics.
  • Fonts: Guide to every Fonts tool: convert, inspect and subset ttf, otf, woff.
  • CAD: Guide to every CAD tool: view and convert dxf and other drawings.
  • Subtitles: Guide to every Subtitles tool: convert, sync and edit srt, vtt, ass.
  • Security & Privacy: Guide to every Security & Privacy tool: scrub metadata, lock files, hide messages, redact personal data.
  • Maps & GPS: Guide to every Maps & GPS tool: gpx elevation, splits, heatmaps, privacy zones and location codes.
  • Office & Sheets: Guide to every Office & Sheets tool: merge, split, compare and pivot spreadsheets, clean word files.
  • Science & Education: Guide to every Science & Education tool: equations, graphs, chemistry, matrices, logic and primes.
  • Creator Studio: Guide to every Creator Studio tool: audiograms, vertical video, carousels, word clouds and chapters.

Tools

  • Color Palette Extractor: Extract dominant colors and export CSS/Tailwind palettes.
  • Color Converter & Contrast: HEX, RGB, HSL, OKLCH conversion and WCAG contrast checks.
  • Gradient Generator: Design linear, radial and conic gradients and copy CSS.
  • CSS Studio: Box shadows, glassmorphism and neumorphism generators.
  • Favicon Generator: Full icon packs: ICO, Apple Touch, Android, manifest and HTML.
  • SVG Optimizer: Minify SVGs, export JSX or PNG.
  • Sketch Whiteboard: Infinite whiteboard with shapes, arrows, text and sticky notes.
  • Placeholder Image: Generate placeholder images in any size, color and text.
  • SVG Converter: Turn SVG or SVGZ into sharp PNG, JPG, WEBP, AVIF, BMP, TIFF, ICO or vector PDF at any size.
  • Icon Converter (ICO, ICNS, CUR, ANI): Make Windows ICO, macOS ICNS, cursors (CUR) and animated cursors (ANI) from any image, or extract every size from an icon as PNG.
  • HTML to Image: Render an HTML and CSS snippet to PNG, JPG, WEBP or SVG at high resolution.
  • Color Blindness Simulator: Preview designs, charts and photos as people with protanopia, deuteranopia, tritanopia and achromatopsia see them.
  • Card Maker: Design business cards, invitations, greeting cards and postcards from templates and download print-ready PDFs.
  • Device Mockup Generator: Place screenshots into phone, tablet, laptop, browser and monitor frames, flat or in 3D perspective, on a custom background.
  • Social Banner & Thumbnail Maker: Make YouTube thumbnails, link preview images, banners and posts for X, LinkedIn, Instagram and more from templates.
  • Colour Contrast Checker: Check the WCAG contrast ratio of two colours for AA and AAA text.

OpenFile runs in your browser. Turn on JavaScript to use the tools.