Skip to content

README.md

Latest commit

 

History

History
66 lines (45 loc) · 2.56 KB

README.md

File metadata and controls

66 lines (45 loc) · 2.56 KB

📸 SnapStream

Instant. Professional. Free. A powerful client-side tool to capture high-resolution website screenshots in seconds.

SnapStream Banner

License: MIT GitHub Stars

🔗 Live Demo

🚀 https://snapstream.dippanbhusal.tech/

💡 What is SnapStream?

SnapStream is a 100% client-side web application that allows developers, designers, and marketers to generate high-fidelity screenshots of any website instantly.

Unlike other tools that require heavy backends or login walls, SnapStream runs entirely in your browser using the Microlink API. It is perfect for testing responsive designs, archiving landing pages, or generating social media assets.

✨ Key Features

  • 📱 Responsive Testing: Instantly switch between Desktop (1920px), Tablet (800px), and Mobile (375px) viewports.
  • 📏 Custom Control: Manually define width, height, and force Full Page Scrolling captures.
  • ⚡ Zero Backend: Runs on pure HTML, CSS, and Vanilla JavaScript. No server required.
  • 📂 Local History: Automatically saves your last 10 snapshots with metadata (stored locally in your browser).
  • 🌗 Dark/Light Mode: Automatically detects system preference with a manual toggle.
  • 🚀 SEO Optimized: Built with semantic HTML, JSON-LD Schema, and OpenGraph tags.
  • 💨 Fast & Free: Powered by the enterprise-grade Microlink API.

🛠️ Built With

  • Frontend: HTML5, CSS3 (Variables), Vanilla JavaScript
  • Icons: FontAwesome 6
  • Font: Plus Jakarta Sans
  • Engine: Microlink API

🚀 How to Deploy

Since SnapStream is a static site, you can deploy it anywhere in seconds.

Option 1: Netlify / Vercel (Recommended)

  1. Fork this repository.
  2. Login to Netlify or Vercel.
  3. Select "New Site from Git" and choose your forked repo.
  4. Click Deploy. (No build command needed).

Option 2: GitHub Pages

  1. Go to your repository Settings.
  2. Click Pages on the left sidebar.
  3. Select main branch and click Save.

Option 3: Local Development

# Clone the repo
git clone [https://github.com/kdippan/SnapStream.git](https://github.com/kdippan/SnapStream.git)

# Open the folder
cd SnapStream

# Open index.html in your browser
# (Or use Live Server in VS Code)