Github Raw Html Preview

👥 52 users

📦 v1.0.0

💾 28.05KiB

📅 2025-09-06

View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

# GitHub Raw HTML Preview

A Chrome extension that allows you to preview HTML, CSS, JavaScript, and JSON files directly from GitHub repositories with a single click.

## Features

✨ **Preview Button on GitHub** - Adds a green "Preview" button next to "Raw" on GitHub file pages (public repositories only)
🔄 **Toggle Functionality** - Switch between raw text and rendered view on raw.githubusercontent.com
📁 **Multi-format Support** - Works with HTML, CSS, JS, and JSON files
🎨 **Native Integration** - Clean design that matches GitHub's interface
🔒 **Privacy Focused** - No data collection or tracking

## How to Use

### On GitHub File Pages (public repositories only)
1. Navigate to any HTML, CSS, JavaScript, or JSON file on GitHub
2. Click the green **"Preview"** button next to "Raw"
3. The file opens in a new tab with proper rendering

### On Raw GitHub Pages
1. When viewing files on raw.githubusercontent.com
2. Use the floating toggle button (👁️ Preview / 📄 View Raw) to switch views
3. Click the extension icon for settings

## Supported File Types

- **HTML files** (.html, .htm) - Full rendering with CSS and JavaScript
- **CSS files** (.css) - Syntax-highlighted preview
- **JavaScript files** (.js) - Properly formatted code view
- **JSON files** (.json) - Formatted and syntax-highlighted