Git Preview

Preview raw HTML files from GitHub Gists and repositories directly in your browser.

Features

• Preview HTML files from GitHub Gists
• Preview raw HTML files from any GitHub repository
• Dark mode support
• Simple, clean interface

Getting Started

Prerequisites

• Node.js 18+
• npm, yarn, pnpm, or bun

Installation

git clone https://github.com/spksoft/git-preview.git
cd git-preview
npm install

Development

npm run dev

Open http://localhost:3000 with your browser.

Production Build

npm run build
npm run start

Usage

1. Copy a raw URL to an HTML file from GitHub (e.g., https://gist.githubusercontent.com/...)
2. Paste it into the input field
3. Click "Preview" to view the rendered HTML

Tech Stack

• Next.js 16 - React framework
• React 19 - UI library
• TypeScript - Type safety
• Tailwind CSS v4 - Styling

Contributing

Contributions are welcome! Feel free to:

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

This project is open source and available under the MIT License.

Deploy

Deploy your own instance with one click: