FormatterHQ
JSON Tools XML Tools YAML Tools CSV & TSV Tools HTML Tools CSS Tools JavaScript Tools SQL Tools Code Formatters & Beautifiers Minifiers Validators Data Converters Data to Class Generators Escape & Unescape Encode & Decode Base64 Tools Hash & Cryptography String & Text Utilities Number Converters Color Converters Unit Converters IP & Network Tools Random Data Generators Diff & Compare Viewers & Editors Image Tools PDF Tools Markdown Tools SEO & Webmaster Tools Developer Utilities JSON Formatter PDF Tools XML Formatter Beautifiers Converters Blog

Viewers & Editors

Online editors and live viewers for HTML, Markdown, code, SVG, JSON, XML, CSV and Excel files, plus image converters and chart makers.

Area Chart Maker Create area charts online from CSV or JSON data: filled line graphs with multiple series, smooth curves and SVG export. Bar Graph Maker Make bar charts online from CSV or JSON. Grouped bars for multiple series, negative values, custom colours and SVG export. Base64 to Image Preview and download images from Base64 strings or data URIs. Detects PNG, JPEG, GIF, WebP, BMP, ICO and SVG. BBCode Viewer Preview BBCode forum posts before publishing: bold, colours, links, quotes, lists, code and spoilers rendered live. Color Blindness Simulator See how images and colour palettes look with protanopia, deuteranopia, tritanopia and other colour-vision deficiencies. CSV Editor Online Edit CSV files online like a spreadsheet: change cells, add, move or delete rows and columns, sort, filter, find and replace, undo, then export. CSV Viewer View CSV files as a clean, sortable-looking table in your browser. Auto-detects commas, semicolons, pipes and tabs. Doughnut Chart Maker Build doughnut (donut) charts online from CSV or JSON. Shows the total in the centre, percentages per segment and exports SVG. Excel Viewer Open and view Excel (.xlsx, .xls), OpenDocument (.ods) and CSV spreadsheets online without Excel. Sheet tabs, merged cells and JSON tree. EXIF Remover (Strip Photo Metadata) Remove EXIF, GPS location, XMP and other metadata from photos before sharing. JPEG and PNG are cleaned losslessly, in your browser. EXIF Viewer Read EXIF, GPS, XMP, IPTC and ICC metadata from photos — camera, lens, exposure, date and location — without uploading the file. Favicon Generator Make favicon.ico, Apple touch and Android icons plus site.webmanifest and HTML tags from an image or from text/emoji. ZIP download. File Type Checker Find out what a file really is from its content, not its name. Detects 150+ formats and warns when the extension does not match. Flip Image (Mirror) Flip an image horizontally or vertically — mirror selfies, reverse text in photos or turn images upside-down — in your browser. HTML Viewer Paste HTML or open a file and see it rendered instantly in a safe, sandboxed live preview. Free online HTML viewer. Image Average Color Finder Find the average and dominant colour of an image — useful for placeholders, card backgrounds and theme colours. Runs in your browser. Image Color Palette Extractor Extract the dominant colours of any photo or screenshot as a palette with percentages, then copy HEX codes or export CSS variables. Image Color Picker Pick exact pixel colours from an uploaded image with a zoom loupe. Get HEX, RGB and HSL values and keep a list of picked colours. Image Compressor Compress JPG, PNG and WEBP images in your browser with a quality slider, before/after comparison, resizing and batch ZIP download. Image Cropper Crop images online with a draggable selection, aspect ratio presets (1:1, 4:3, 16:9…) and exact pixel values. Private and free. Image Filters (Photo Effects) Adjust brightness, contrast, saturation, grayscale, sepia, hue and blur, apply photo presets and download the edited image. JSON Editor Edit JSON online with a live tree preview, instant validation and one-click formatting, repair and minification. JSON Graph Visualizer Visualize JSON data as a graph of connected nodes. See objects, arrays and values as a diagram of linked boxes with size badges. JSON Navigator Navigate JSON by path. Browse or filter the tree and click any key to see and copy the full path to that value. JSON Parser Parse JSON online: errors with line and column, the parsed values with their types, and the pitfalls of big integers and duplicate keys. JSON Path Finder Click any value in a JSON tree to get its path as JSONPath, JavaScript, Python, PHP, jq or JSON Pointer — or list every path. JSON Reader Open a .json file in your browser and read it as a collapsible tree, a sortable table or a graph, with a filter to find any value. JSON Syntax Highlighter Syntax highlight JSON with light, dark or Monokai themes and copy the colourised HTML for blogs, docs and slides. JSON Tree Viewer Display JSON as an expandable tree. Collapse and expand objects and arrays to understand deeply nested data structures. JSON Viewer & Beautifier View JSON as a collapsible tree and beautify it at the same time. Explore nested objects and arrays without losing your place. LaTeX Math Renderer Render LaTeX math equations with KaTeX in a live preview and copy the MathML or HTML to use in web pages. Line Graph Maker Create line graphs online from CSV or JSON data. Multiple series, axis labels, custom colours and free SVG download. Markdown Viewer View Markdown files rendered like on GitHub: open a .md file or paste text and see formatted headings, tables and code. Mermaid Live Editor Write Mermaid flowcharts, sequence, class, ER, Gantt and state diagrams with a live preview, then export SVG or PNG. MP3 & Audio Metadata Viewer Read the ID3 tags and metadata of MP3, FLAC, M4A, Ogg, WAV and other audio files: title, artist, album, cover art, bitrate and duration. MXML Viewer View and format Adobe Flex / Apache Royale MXML files online with a component tree and neatly indented markup. Online Code Editor Multi-language online code editor with syntax highlighting for 30+ languages. Open, edit, save and download code files. Online HTML Editor Write and edit HTML with autocompletion and a sandboxed live preview, then copy or download the finished document. Online Markdown Editor Write Markdown with a live side-by-side preview and the generated HTML source. Free online Markdown editor, no sign-up. Online Notepad A plain-text notepad that saves as you type in this browser. Word and line count, find and replace, open and download .txt files. Open Graph & Twitter Card Preview Paste your page’s meta tags and preview the link on Facebook, X/Twitter, LinkedIn, Slack and Discord, with fixes for missing tags. OPML Viewer View OPML subscription lists and outlines as a clickable, nested list. Inspect feed URLs exported from any RSS reader. PDF Metadata Remover Remove author, title, creator app, dates and XMP metadata from a PDF, or edit the fields, then download a clean copy. Runs in your browser. PDF Metadata Viewer See a PDF’s hidden metadata: title, author, creator app, dates, XMP, password security, permissions and page sizes. Read in your browser. PDF to Text Converter Extract all the text from a PDF, page by page, as plain text you can copy or download as .txt. Choose pages; works in your browser. PDF Viewer Open and read a PDF in your browser: thumbnails, outline, zoom, rotate, search with highlights, document info, download and print. No upload. Pie Chart Maker Create pie charts online from label/value data. Automatic percentages, legend or outside labels, custom colours and SVG download. Pixelate & Blur Image (Photo Censor) Hide faces, licence plates or personal data: pixelate, blur or black out selected areas of an image, locally in your browser. Placeholder Image Generator Create placeholder images of any size with custom colours and text. Download SVG, PNG, JPG or WEBP, or copy a data URI or <img> tag. Real-Time HTML Editor A real-time HTML playground for learning: edit HTML, CSS and JavaScript and watch the result update as you type. Rotate Image Rotate images by 90° or 180°, or straighten them by any angle with a transparent or coloured background, then download. RSS Feed Viewer View RSS and Atom feeds as readable articles. Paste feed XML to preview titles, links, dates and summaries. Scatter Plot Maker Make scatter plots online from x,y data. Multiple series or groups, linear trend lines, custom colours and SVG download. Source Code Viewer View source code with syntax highlighting and line numbers. Open any code file or paste it - HTML, PHP, JS, Python and more. SVG Blob Generator Create random organic SVG blob shapes for backgrounds and illustrations. Adjust complexity and randomness, add a gradient and download the SVG. SVG Optimizer (SVGO) Optimize and minify SVG files with SVGO in your browser: remove metadata, comments and editor cruft, round numbers and shorten paths. SVG to CSS Data URI Encode SVG as an optimized URL-encoded data URI for CSS background-image or mask, with a Base64 version for comparison. SVG to JPG Converter Convert SVG graphics to JPG images with a chosen background colour, scale and quality — directly in your browser. SVG to JSX / React Component Turn SVG markup into a React component: camelCase attributes, className, style objects and {...props}, with optional TypeScript. SVG to PNG Converter Convert SVG to PNG at any size or scale (2×, 4×…) with a transparent or solid background. Paste code or upload an .svg file. SVG to React Native Convert SVG files into react-native-svg components (Svg, Path, G, Circle…) ready to paste into your React Native app. SVG Viewer Preview SVG code or files instantly, check them for XML errors, see width, height and viewBox, and download the image. SVG Wave Generator Generate random SVG wave dividers for section breaks. Tune complexity, amplitude, layers and colour, then copy the SVG or a CSS background. Text to HTML Converter Paste formatted text from Word, Google Docs or a web page, or type plain text, and get clean HTML code. Removes inline styles, classes and Word markup. Word, Excel & PowerPoint Metadata Remover Remove author, last editor, company, editing time, custom properties and reviewer names from Word, Excel and PowerPoint files. No upload. Word, Excel & PowerPoint Metadata Viewer See the hidden metadata in .docx, .xlsx and .pptx files: author, last editor, editing time, comment authors, tracked changes and more. XML Editor Edit XML online with syntax highlighting, live validation and a tree preview. Format, minify and download your changes. XML Parser Parse XML online and inspect the resulting object tree with elements, attributes and text nodes clearly separated. XML Syntax Highlighter Highlight XML syntax online with coloured tags, attributes, values and comments. Copy the result as embeddable HTML. XML Viewer View XML as a collapsible tree alongside formatted text. Inspect elements, attributes and values in any XML document. YAML Editor Edit YAML online with syntax highlighting, live validation and a tree preview. Format and download your file when done. YAML Parser Parse YAML online and see the resulting data as JSON and a tree. Check types, anchors and multi-document files. YAML Viewer View YAML as an interactive tree and table. Explore nested maps and lists and see how every value is parsed.

Open, preview and edit files in your browser

Not every task deserves a desktop application. When you receive a Markdown file, a spreadsheet, an SVG icon or a chunk of HTML, you mostly want to see it properly, maybe tweak it, and move on. These online viewers and editors render files instantly without installation or sign-up, and keep your files on your device.

Viewers and editors by file type

  • Web pages – the HTML viewer renders code safely in a sandbox; the online HTML editor and real-time HTML editor add a live preview while you write.
  • Documents – the Markdown viewer shows .md files like GitHub does, and the Markdown editor adds a side-by-side preview.
  • Code – the online code editor highlights more than 30 languages, and the source code viewer shows files read-only with line numbers.
  • Data – the JSON viewer displays a collapsible tree, and XML, YAML, CSV and Excel viewers handle the other common formats.
  • Graphics – the SVG viewer previews and checks vector files, and image converters and the image resizer change formats and sizes.
  • Charts – line, bar, pie, doughnut, scatter and area chart makers turn data into SVG charts.

Why use a browser-based viewer?

  • No installation – works on Chromebooks, shared computers and locked-down work machines.
  • Safe previews – HTML and SVG are rendered in sandboxed frames and Markdown previews are sanitized, so unknown files cannot run code on the page.
  • Privacy – files are read locally by your browser rather than uploaded to a conversion server.
  • Quick edits – fix a typo, then copy or download the result.

Workflows

Reviewing a pull request attachment: open the README in the Markdown viewer and the config in the code viewer, then compare versions with the diff checker.

Preparing images for a website: resize photos, convert them to WebP, and check icons in the SVG viewer before uploading.

Presenting data: open an export in the Excel viewer, copy the relevant columns and build a chart with the bar graph maker.

Converting while you view

Many viewers pair naturally with a converter: after checking a Markdown file, convert it to HTML; after opening a spreadsheet, export the data as JSON; after previewing an image, change its format or size. Keeping these tools side by side turns a quick look into a finished task without switching applications.

Limitations

Viewers focus on content. Complex spreadsheet formatting, Office macros, animated images and very large files may not display fully, and editors do not save your work online, so download changes before closing the tab.

Frequently asked questions

Are my files uploaded when I open them?
No. Files are read by your browser and displayed locally, which keeps private documents on your device.
Is it safe to preview HTML or SVG files from unknown sources?
Previews run in sandboxed frames with their own origin, so scripts cannot reach this site or your data. Still avoid entering personal information into forms inside unknown files.
Can I edit and save files?
Yes. The editors let you change content and then copy it or download it as a file. Nothing is saved online, so download before leaving the page.
Can I open Excel files without Office?
Yes. The Excel viewer reads .xlsx, .xls and .ods files and displays every sheet as a table.