debrid-services-comparison/dist/index.html
2025-08-22 19:13:34 +05:00

890 lines
No EOL
54 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Debrid Services Comparison - Compare Pricing & Hosts</title>
<meta name="description" content="Compare pricing and supported hosts across AllDebrid, Real-Debrid, LinkSnappy, Premiumize, Debrid-Link, TorBox, Mega-Debrid & Deepbrid.">
<meta name="robots" content="index, follow">
<meta name="author" content="Fynks">
<link rel="canonical" href="https://debrid-services-comparison.netlify.app/">
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#0f172a" media="(prefers-color-scheme: dark)">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<script src="js/app.js"></script>
<link rel="stylesheet" href="css/styles.css">
<script>
(function(){
try{
const saved=localStorage.getItem('theme');
const prefersDark=window.matchMedia('(prefers-color-scheme: dark)').matches;
const theme=saved || (prefersDark ? 'dark' : 'light');
document.documentElement.setAttribute('data-theme', theme);
document.documentElement.style.colorScheme=theme;
} catch(e){}
})();
</script>
</head>
<body>
<a class="skip-link" href="#main-content">Skip to main content</a>
<div class="page-wrapper">
<header class="site-header">
<div class="container">
<div class="header-content">
<a href="/" class="site-title">
<svg class="logo-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
</svg>
Debrid Comparison
</a>
<nav class="header-nav" aria-label="Main navigation">
<a href="#what-are-debrid" class="nav-link">Intro</a>
<a href="#pricing" class="nav-link">Pricing</a>
<a href="#file-hosts" class="nav-link">Hosts</a>
<a href="#speed-test" class="nav-link">Speed Test</a>
<a href="#compare" class="nav-link">Compare</a>
</nav>
<button id="darkModeToggle" class="dark-mode-toggle" aria-label="Toggle dark mode" type="button">
<svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="5"/>
<path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/>
</svg>
<svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
</svg>
</button>
</div>
</div>
</header>
<main id="main-content" class="main-content" role="main">
<!-- Hero Section -->
<section class="hero-section" aria-labelledby="hero-title">
<div class="container">
<div class="hero-content">
<h1 id="hero-title" class="hero-title">
Compare Premium <span class="gradient-text">Debrid Services</span>
</h1>
<p class="hero-description">
A community-driven, up-to-date comparison of premium debrid services: pricing, host support, refund policies, and performance.
</p>
<div class="hero-actions">
<a href="#pricing" class="btn btn-primary">View Pricing</a>
<a href="#compare" class="btn btn-secondary">Compare Services</a>
</div>
<div class="hero-stats" aria-label="Key stats">
<div class="stat-item">
<span class="stat-number">8</span>
<span class="stat-label">Services</span>
</div>
<div class="stat-item">
<span class="stat-number">300+</span>
<span class="stat-label">File Hosts</span>
</div>
</div>
</div>
</div>
</section>
<!-- What are Debrid Services -->
<section id="what-are-debrid" class="section" aria-labelledby="what-title">
<div class="container">
<div class="content-container">
<div class="section-header">
<h2 id="what-title" class="section-title">What are Debrid Services?</h2>
<p class="section-description">
Debrid services (a.k.a. premium link generators) act as a highspeed intermediary: they fetch the file from a host, then serve you a fast, adfree direct link.
</p>
<div class="meta-chips" aria-label="Key traits">
<span class="chip">Premium link generator</span>
<span class="chip">Adfree</span>
<span class="chip">Multihost</span>
<span class="chip">Torrenttolink</span>
</div>
</div>
<div class="features-grid">
<article class="benefit-card" role="article">
<svg class="icon-badge" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
</svg>
<h3>Maximum Speeds</h3>
<p>Bypass host throttling with direct links</p>
</article>
<article class="benefit-card" role="article">
<svg class="icon-badge" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/>
<path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>
</svg>
<h3>MultiHost Access</h3>
<p>One subscription supports hundreds of hosts</p>
</article>
<article class="benefit-card" role="article">
<svg class="icon-badge" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="10"/>
<polygon points="10,8 16,12 10,16 10,8"/>
</svg>
<h3>Streaming Ready</h3>
<p>Instant playback on supported hosts</p>
</article>
<article class="benefit-card" role="article">
<svg class="icon-badge" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/>
<polyline points="7.5,4.21 12,6.81 16.5,4.21"/>
<polyline points="7.5,19.79 7.5,14.6 3,12"/>
<polyline points="21,12 16.5,14.6 16.5,19.79"/>
</svg>
<h3>TorrenttoLink</h3>
<p>Add magnet/torrent and get a direct URL</p>
</article>
<article class="benefit-card" role="article">
<svg class="icon-badge" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<rect width="18" height="11" x="3" y="11" rx="2" ry="2"/>
<path d="M7 11V7a5 5 0 0 1 10 0v4"/>
</svg>
<h3>AdFree</h3>
<p>No popups, countdowns, or captchas</p>
</article>
</div>
<div class="alert alert-info" role="alert">
<svg class="alert-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="10"/>
<path d="M12 16v-4M12 8h.01"/>
</svg>
<div>Think of a debrid service as a "premium proxy" between you and hosts like Rapidgator, Mega, or Uptobox.</div>
</div>
</div>
</div>
</section>
<!-- Pricing Section -->
<section id="pricing" class="section" aria-labelledby="pricing-title">
<div class="container">
<div class="content-container">
<div class="section-header">
<h2 id="pricing-title" class="section-title">Pricing Comparison</h2>
<p class="section-description">Compare subscription plans across all major debrid services</p>
</div>
<div class="pricing-container">
<div id="pricing-table-container" class="data-table-container" role="region" aria-live="polite" aria-label="Pricing table">
<div class="loading-state" aria-busy="true">
<div class="loading-spinner" aria-hidden="true"></div>
<p>Loading pricing data...</p>
</div>
</div>
<div class="alert alert-info" role="alert">
<svg class="alert-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="10"/>
<path d="M12 16v-4M12 8h.01"/>
</svg>
<div><strong>Important:</strong> Pricing can change frequently. Always verify current pricing on official websites before purchasing.</div>
</div>
</div>
<div class="referral-section" aria-labelledby="referral-title">
<div class="referral-header">
<h3 id="referral-title">Support This Project</h3>
<p>Consider using our referral links - it helps maintain this project at no extra cost to you!</p>
</div>
<div class="referral-grid">
<a href="https://alldebrid.com/?uid=3wvya&lang=en" class="referral-card" target="_blank" rel="noopener noreferrer sponsored">
<span class="service-name">AllDebrid</span>
<span class="referral-badge">Referral Link</span>
</a>
<a href="https://real-debrid.com/?id=10990901" class="referral-card" target="_blank" rel="noopener noreferrer sponsored">
<span class="service-name">Real-Debrid</span>
<span class="referral-badge">Referral Link</span>
</a>
<a href="https://linksnappy.com/?ref=774668" class="referral-card" target="_blank" rel="noopener noreferrer sponsored">
<span class="service-name">LinkSnappy</span>
<span class="referral-badge">Referral Link</span>
</a>
<a href="https://debrid-link.com/id/7B3BO" class="referral-card" target="_blank" rel="noopener noreferrer sponsored">
<span class="service-name">Debrid-Link</span>
<span class="referral-badge">Referral Link</span>
</a>
<a href="https://www.deepbrid.com/aff/go/upward1971" class="referral-card" target="_blank" rel="noopener noreferrer sponsored">
<span class="service-name">Deepbrid</span>
<span class="referral-badge">Referral Link</span>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- File Hosts Section -->
<section id="file-hosts" class="section" aria-labelledby="hosts-title">
<div class="container">
<div class="content-container">
<div class="section-header">
<h2 id="hosts-title" class="section-title">Supported File Hosts</h2>
<p class="section-description">Browse and search through 300+ supported file hosting services</p>
</div>
<div class="search-section">
<form class="search-container" role="search" aria-label="Search file hosts" onsubmit="return false">
<svg class="search-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="11" cy="11" r="8"/>
<path d="M21 21l-4.35-4.35"/>
</svg>
<input type="search" id="host-search-input" class="search-input"
placeholder="Search file hosts (e.g., Mega, Rapidgator...)"
aria-label="Search file hosts" autocomplete="off" />
<button id="clear-host-search" class="clear-icon" aria-label="Clear search" type="button">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<line x1="18" y1="6" x2="6" y2="18"/>
<line x1="6" y1="6" x2="18" y2="18"/>
</svg>
</button>
</form>
</div>
<div id="file-hosts-table-container" class="data-table-container" role="region" aria-live="polite">
<div class="loading-state" aria-busy="true">
<div class="loading-spinner"></div>
<p>Loading file hosts...</p>
</div>
</div>
</div>
</div>
</section>
<!-- Compare Section -->
<section id="compare" class="section" aria-labelledby="compare-title">
<div class="container">
<div class="content-container">
<div class="section-header">
<h2 id="compare-title" class="section-title">Compare Services</h2>
<p class="section-description">Select two services to see a detailed side-by-side comparison</p>
</div>
<div class="compare-controls">
<div class="compare-select-group">
<label for="provider1">First Service</label>
<div class="select-wrapper">
<select id="provider1" aria-label="Select first provider to compare">
<option value="">Choose a service...</option>
</select>
</div>
</div>
<div class="compare-vs">VS</div>
<div class="compare-select-group">
<label for="provider2">Second Service</label>
<div class="select-wrapper">
<select id="provider2" aria-label="Select second provider to compare">
<option value="">Choose a service...</option>
</select>
</div>
</div>
</div>
<div id="compare-table-container" class="data-table-container" role="region" aria-live="polite">
<div class="empty-state">
<svg class="empty-state-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M9 12l2 2 4-4"></path>
<path d="M21 12V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v7"></path>
<path d="M3 13v6a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-6"></path>
</svg>
<h3>Ready to Compare</h3>
<p>Select two services above to see a detailed comparison</p>
</div>
</div>
</div>
</div>
</section>
<!-- Adult Hosts Section -->
<section id="adult-hosts" class="section" aria-labelledby="adult-hosts-title">
<div class="container">
<div class="content-container">
<div class="section-header">
<h2 id="adult-hosts-title" class="section-title">Adult Content Hosts</h2>
<p class="section-description">
Support for adult content varies significantly across debrid services. Some platforms actively support major adult file hosts, while others exclude them entirely due to policy or legal considerations.
</p>
</div>
<div class="search-section">
<form class="search-container" role="search" aria-label="Search adult hosts" onsubmit="return false">
<svg class="search-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="11" cy="11" r="8"/>
<path d="M21 21l-4.35-4.35"/>
</svg>
<input type="search" id="adult-host-search-input" class="search-input"
placeholder="Search adult hosts..." aria-label="Search adult hosts" autocomplete="off" />
<button id="clear-adult-host-search" class="clear-icon" aria-label="Clear search" type="button">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<line x1="18" y1="6" x2="6" y2="18"/>
<line x1="6" y1="6" x2="18" y2="18"/>
</svg>
</button>
</form>
</div>
<div id="adult-hosts-table-container" class="data-table-container" role="region" aria-live="polite">
<div class="loading-state" aria-busy="true">
<div class="loading-spinner"></div>
<p>Loading adult hosts...</p>
</div>
</div>
</div>
</div>
</section>
<!-- Speed Test Section -->
<section id="speed-test" class="section" aria-labelledby="speed-title">
<div class="container">
<div class="content-container">
<div class="section-header">
<h2 id="speed-title" class="section-title">Speed Test</h2>
<p class="section-description">
Actual speeds vary by location, time of day, host performance, and load. Test before committing to a long plan.
</p>
</div>
<div class="speed-section">
<div class="speed-header">
<h3>Official Speed Tools</h3>
<p>Test download speeds directly from service providers</p>
</div>
<div class="speed-grid">
<a href="https://real-debrid.com/speedtest" class="speed-card" target="_blank" rel="noopener noreferrer">
<span class="service-name">RealDebrid</span>
<span class="speed-test-label">Speed Test</span>
</a>
<a href="https://www.premiumize.me/speedtest" class="speed-card" target="_blank" rel="noopener noreferrer">
<span class="service-name">Premiumize</span>
<span class="speed-test-label">Speed Test</span>
</a>
<a href="https://www.torbox.app/speedtest" class="speed-card" target="_blank" rel="noopener noreferrer">
<span class="service-name">TorBox</span>
<span class="speed-test-label">Speed Test</span>
</a>
<a href="https://debrid-link.com/webapp/speedtest" class="speed-card" target="_blank" rel="noopener noreferrer">
<span class="service-name">DebridLink</span>
<span class="speed-test-label">Speed Test</span>
</a>
<a href="https://www.mega-debrid.eu/index.php?page=network" class="speed-card" target="_blank" rel="noopener noreferrer">
<span class="service-name">MegaDebrid</span>
<span class="speed-test-label">Network Test</span>
</a>
</div>
<div class="alert alert-info" role="alert">
<svg class="alert-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="10"/>
<path d="M12 16v-4M12 8h.01"/>
</svg>
<div>These tests are bestcase scenarios from the provider's own network.</div>
</div>
</div>
<div class="real-world-test">
<div class="real-world-header">
<h3>RealWorld Test (Recommended)</h3>
</div>
<ol class="stepper">
<li>
<div class="step-content">
<strong>Pick a common test file</strong>
<div class="step-description">(e.g., Linux ISO) available on multiple hosts.</div>
</div>
</li>
<li>
<div class="step-content">
<strong>Use the same network/device</strong>
<div class="step-description">for consistency.</div>
</div>
</li>
<li>
<div class="step-content">
<strong>Clear cache or use private browsing</strong>
<div class="step-description">between runs.</div>
</div>
</li>
<li>
<div class="step-content">
<strong>Run 3 tests per service</strong>
<div class="step-description">and average the result.</div>
</div>
</li>
<li>
<div class="step-content">
<strong>Test peak and offpeak</strong>
<div class="step-description">to see variability.</div>
</div>
</li>
</ol>
<details class="accordion">
<summary>
<span>Factors That Affect Speed</span>
<svg class="chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M6 9l6 6 6-6"/>
</svg>
</summary>
<div class="accordion-content">
<ul class="bullet-list">
<li>Distance to provider servers</li>
<li>Time of day and congestion</li>
<li>Original host performance (e.g., Rapidgator vs. Katfile)</li>
<li>ISP routing or throttling</li>
<li>Local network (WiFi vs. Ethernet)</li>
</ul>
<div class="alert alert-warning" role="alert">
<svg class="alert-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/>
<line x1="12" y1="9" x2="12" y2="13"/>
<line x1="12" y1="17" x2="12.01" y2="17"/>
</svg>
<div><strong>Note:</strong> "Unlimited" can be subject to fairuse or soft caps.</div>
</div>
</div>
</details>
</div>
</div>
</div>
</section>
<!-- Service Status Section -->
<section id="live-status" class="section" aria-labelledby="status-title">
<div class="container">
<div class="content-container">
<div class="section-header">
<h2 id="status-title" class="section-title">Service Status</h2>
<p class="section-description">Check real-time status and official host lists</p>
</div>
<div class="status-grid">
<a href="https://alldebrid.com/status/" class="status-card" target="_blank" rel="noopener noreferrer">
<div class="status-header">
<span class="service-name">AllDebrid</span>
<span class="service-status-indicator online" aria-label="Online"></span>
</div>
<p>View live status and supported hosts</p>
</a>
<a href="https://real-debrid.com/compare" class="status-card" target="_blank" rel="noopener noreferrer">
<div class="status-header">
<span class="service-name">Real-Debrid</span>
<span class="service-status-indicator online" aria-label="Online"></span>
</div>
<p>Check service status and host comparison</p>
</a>
<a href="https://torbox.app/hosters" class="status-card" target="_blank" rel="noopener noreferrer">
<div class="status-header">
<span class="service-name">TorBox</span>
<span class="service-status-indicator online" aria-label="Online"></span>
</div>
<p>View supported hosters and status</p>
</a>
<a href="https://www.premiumize.me/services" class="status-card" target="_blank" rel="noopener noreferrer">
<div class="status-header">
<span class="service-name">Premiumize</span>
<span class="service-status-indicator online" aria-label="Online"></span>
</div>
<p>Check service availability and features</p>
</a>
<a href="https://linksnappy.com/myaccount/status" class="status-card" target="_blank" rel="noopener noreferrer">
<div class="status-header">
<span class="service-name">LinkSnappy</span>
<span class="service-status-indicator online" aria-label="Online"></span>
</div>
<p>Monitor service status and hosts</p>
</a>
<a href="https://debrid-link.com/webapp/status" class="status-card" target="_blank" rel="noopener noreferrer">
<div class="status-header">
<span class="service-name">Debrid-Link</span>
<span class="service-status-indicator online" aria-label="Online"></span>
</div>
<p>View current status and host list</p>
</a>
<a href="https://www.mega-debrid.eu/index.php?page=hebergeurs" class="status-card" target="_blank" rel="noopener noreferrer">
<div class="status-header">
<span class="service-name">Mega-Debrid</span>
<span class="service-status-indicator online" aria-label="Online"></span>
</div>
<p>Check supported file hosts</p>
</a>
<a href="https://www.deepbrid.com/status" class="status-card" target="_blank" rel="noopener noreferrer">
<div class="status-header">
<span class="service-name">Deepbrid</span>
<span class="service-status-indicator online" aria-label="Online"></span>
</div>
<p>Check supported file hosts</p>
</a>
</div>
<div class="alert alert-info" role="alert">
<svg class="alert-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="10"/>
<path d="M12 16v-4M12 8h.01"/>
</svg>
<div><strong>💡 Tip:</strong> Bookmark these pages to verify if a failed link is due to a temporary host outage rather than a service limitation.</div>
</div>
</div>
</div>
</section>
<!-- Important Notes Section -->
<section id="important-notes" class="section" aria-labelledby="notes-title">
<div class="container">
<div class="content-container">
<div class="section-header">
<h2 id="notes-title" class="section-title">Important Notes</h2>
<p class="section-description">
This project aims to provide accurate and up-to-date information, but the debrid service landscape is dynamic.
</p>
</div>
<div class="important-notes-grid">
<div class="note-card">
<svg class="note-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"/>
</svg>
<div class="note-content">
<h3>Services change frequently</h3>
<p>Pricing, host support, refund policies, and features may be updated without notice. Always verify details on the <strong>official service websites</strong> before purchasing.</p>
</div>
</div>
<div class="note-card">
<svg class="note-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>
</svg>
<div class="note-content">
<h3>Final cost may vary</h3>
<p>Displayed prices are subject to exchange rates, regional taxes, or payment processing fees. Your actual charge may differ slightly.</p>
</div>
</div>
<div class="note-card">
<svg class="note-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
<polyline points="14,2 14,8 20,8"/>
<line x1="16" y1="13" x2="8" y2="13"/>
<line x1="16" y1="17" x2="8" y2="17"/>
</svg>
<div class="note-content">
<h3>Data accuracy</h3>
<p>While we strive for completeness, this comparison reflects community reports and public information. We do <strong>not guarantee</strong> uptime, speed, download success, or feature availability.</p>
</div>
</div>
<div class="note-card">
<svg class="note-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/>
<circle cx="9" cy="7" r="4"/>
<path d="M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"/>
</svg>
<div class="note-content">
<h3>No affiliation</h3>
<p>This project is independent and <strong>not affiliated</strong> with any listed service.</p>
</div>
</div>
<div class="note-card">
<svg class="note-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M9 12l2 2 4-4"></path>
<path d="M21 12V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v7"></path>
<path d="M3 13v6a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-6"></path>
</svg>
<div class="note-content">
<h3>Use at your own discretion</h3>
<p>Choosing a debrid service involves personal judgment. Test short-term plans first and review terms carefully.</p>
</div>
</div>
<div class="note-card">
<svg class="note-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<rect width="18" height="11" x="3" y="11" rx="2" ry="2"/>
<path d="M7 11V7a5 5 0 0 1 10 0v4"/>
</svg>
<div class="note-content">
<h3>Legal responsibility</h3>
<p>Debrid services are tools. You are responsible for complying with copyright laws and terms of use when accessing content.</p>
</div>
</div>
</div>
<div class="alert alert-warning" role="alert">
<svg class="alert-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/>
<line x1="12" y1="9" x2="12" y2="13"/>
<line x1="12" y1="17" x2="12.01" y2="17"/>
</svg>
<div><strong>This is an open-source, community-maintained guide. It does not endorse or promote unauthorized file sharing.</strong></div>
</div>
</div>
</div>
</section>
<!-- Resources Section -->
<section id="resources" class="section" aria-labelledby="resources-title">
<div class="container">
<div class="content-container">
<div class="section-header">
<h2 id="resources-title" class="section-title">Useful Resources and Community</h2>
<p class="section-description">Enhance your debrid experience with these trusted tools, guides, and communities</p>
</div>
<div class="resources-categories">
<div class="resource-category">
<h3>
<svg class="resource-category-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/>
</svg>
Tools and Integrations
</h3>
<div class="resource-list">
<a href="https://github.com/debridmediamanager/awesome-debrid" class="resource-item" target="_blank" rel="noopener noreferrer">
<strong>Awesome-Debrid</strong>
<span>Curated list of debrid-compatible apps, browser extensions, and automation tools</span>
</a>
<a href="https://github.com/debridmediamanager/debrid-media-manager" class="resource-item" target="_blank" rel="noopener noreferrer">
<strong>Debrid Media Manager</strong>
<span>Easily download movies and TV shows directly to your Debrid library</span>
</a>
<a href="https://github.com/rogerfar/rdt-client" class="resource-item" target="_blank" rel="noopener noreferrer">
<strong>Real-Debrid Torrent Client</strong>
<span>Web interface to manage your torrents on Real-Debrid, AllDebrid, Premiumize TorBox or DebridLink</span>
</a>
<a href="https://github.com/g0ldyy/comet" class="resource-item" target="_blank" rel="noopener noreferrer">
<strong>Comet</strong>
<span>Stremio's torrent/debrid search add-on</span>
</a>
<a href="https://github.com/jackett/jackett" class="resource-item" target="_blank" rel="noopener noreferrer">
<strong>Jackett + Prowlarr</strong>
<span>Indexer proxies that work seamlessly with debrid services for automation</span>
</a>
</div>
</div>
<div class="resource-category">
<h3>
<svg class="resource-category-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/>
<circle cx="9" cy="7" r="4"/>
<path d="M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"/>
</svg>
Community and Support
</h3>
<div class="resource-list">
<div class="resource-item">
<strong>Reddit</strong>
<span>Active discussions on r/Debrid, r/Piracy and service-specific threads</span>
</div>
<div class="resource-item">
<strong>Discord</strong>
<span>Many services offer official Discord servers for real-time support and status updates</span>
</div>
<div class="resource-item">
<strong>GitHub Issues</strong>
<span>Report inaccuracies or suggest improvements here — this project thrives on community input!</span>
</div>
</div>
</div>
</div>
<div class="alert alert-info" role="alert">
<svg class="alert-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="10"/>
<path d="M12 16v-4M12 8h.01"/>
</svg>
<div><strong>💡 Pro Tip:</strong> Combine your debrid service with automation tools like <strong>Debrid Media Manager (DMM)</strong> or <strong>Overseerr</strong> for a seamless media experience.</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="site-footer" role="contentinfo">
<div class="container">
<div class="content-container">
<div class="footer-content">
<div class="footer-section">
<h4>Debrid Comparison</h4>
<p>Your go-to resource for comparing premium download services</p>
</div>
<div class="footer-section">
<h4>Resources</h4>
<ul>
<li><a href="https://github.com/debridmediamanager/awesome-debrid" target="_blank" rel="noopener noreferrer">Awesome Debrid</a></li>
<li><a href="https://github.com/fynks/debrid-services-comparison" target="_blank" rel="noopener noreferrer">Source Code</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Last Updated</h4>
<p class="last-updated-date">August 22, 2025</p>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2025 Made with ❤️ by <a href="https://github.com/fynks" target="_blank" rel="noopener noreferrer">Fynks</a></p>
</div>
</div>
</div>
</footer>
<!-- Back to Top Button -->
<button id="backToTop" class="back-to-top" aria-label="Back to top" type="button">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M18 15l-6-6-6 6"/>
</svg>
</button>
</div>
<!-- JavaScript -->
<script>
// Dark mode toggle
document.addEventListener('DOMContentLoaded', () => {
const btn = document.getElementById('darkModeToggle');
if (btn) {
const getTheme = () => document.documentElement.getAttribute('data-theme') || 'light';
const setTheme = (theme) => {
document.documentElement.setAttribute('data-theme', theme);
document.documentElement.style.colorScheme = theme;
localStorage.setItem('theme', theme);
btn.setAttribute('aria-pressed', String(theme === 'dark'));
};
btn.setAttribute('aria-pressed', String(getTheme() === 'dark'));
btn.addEventListener('click', () => {
setTheme(getTheme() === 'dark' ? 'light' : 'dark');
});
}
// Smooth scroll for anchor links
const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', (e) => {
const id = anchor.getAttribute('href');
const target = id && document.querySelector(id);
if (!target) return;
e.preventDefault();
target.scrollIntoView({
behavior: prefersReduced ? 'auto' : 'smooth',
block: 'start'
});
const focusEl = target.querySelector('h1,h2,h3,h4,h5,h6') || target;
focusEl.setAttribute('tabindex', '-1');
focusEl.focus({ preventScroll: true });
setTimeout(() => focusEl.removeAttribute('tabindex'), 400);
});
});
// Back to top button
const backToTop = document.getElementById('backToTop');
if (backToTop) {
window.addEventListener('scroll', () => {
if (window.pageYOffset > 300) {
backToTop.classList.add('visible');
} else {
backToTop.classList.remove('visible');
}
});
backToTop.addEventListener('click', () => {
window.scrollTo({
top: 0,
behavior: prefersReduced ? 'auto' : 'smooth'
});
});
}
// Search functionality for file hosts
const hostSearchInput = document.getElementById('host-search-input');
const clearHostSearch = document.getElementById('clear-host-search');
if (clearHostSearch) {
clearHostSearch.addEventListener('click', () => {
hostSearchInput.value = '';
hostSearchInput.focus();
// Trigger search clear event if needed
});
}
// Search functionality for adult hosts
const adultHostSearchInput = document.getElementById('adult-host-search-input');
const clearAdultHostSearch = document.getElementById('clear-adult-host-search');
if (clearAdultHostSearch) {
clearAdultHostSearch.addEventListener('click', () => {
adultHostSearchInput.value = '';
adultHostSearchInput.focus();
// Trigger search clear event if needed
});
}
// Mock data loading simulation (replace with actual API calls)
setTimeout(() => {
// Simulate loading completion
const loadingStates = document.querySelectorAll('.loading-state');
loadingStates.forEach(state => {
state.innerHTML = '<p style="text-align: center; color: var(--text-secondary); padding: var(--space-xl);">Data would be loaded here via API calls</p>';
});
}, 2000);
// Compare functionality
const provider1Select = document.getElementById('provider1');
const provider2Select = document.getElementById('provider2');
const compareContainer = document.getElementById('compare-table-container');
if (provider1Select && provider2Select) {
// Populate select options (mock data)
const services = ['AllDebrid', 'Real-Debrid', 'TorBox', 'Premiumize', 'LinkSnappy', 'Debrid-Link', 'Mega-Debrid', 'Deepbrid'];
services.forEach(service => {
const option1 = new Option(service, service.toLowerCase());
const option2 = new Option(service, service.toLowerCase());
provider1Select.appendChild(option1);
provider2Select.appendChild(option2);
});
// Handle comparison
const updateComparison = () => {
const service1 = provider1Select.value;
const service2 = provider2Select.value;
if (service1 && service2 && service1 !== service2) {
compareContainer.style.display = 'block';
compareContainer.classList.add('comparison-visible');
compareContainer.innerHTML = `
<div style="padding: var(--space-4xl); text-align: center;">
<h3 style="margin: 0 0 var(--space-lg); color: var(--text-primary);">
${service1} vs ${service2}
</h3>
<p style="color: var(--text-secondary); margin: 0;">
Detailed comparison would be shown here
</p>
</div>
`;
} else {
compareContainer.style.display = 'none';
compareContainer.classList.remove('comparison-visible');
}
};
provider1Select.addEventListener('change', updateComparison);
provider2Select.addEventListener('change', updateComparison);
}
});
</script>
<noscript>
<div class="container" style="margin-top: var(--space-lg);">
<div class="alert alert-info" role="alert">
<svg class="alert-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="10"/>
<path d="M12 16v-4M12 8h.01"/>
</svg>
<div>JavaScript is disabled. Interactive comparison and filtering won't work.</div>
</div>
</div>
</noscript>
</body>
</html>