<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="SourcePeek - Free online tool to view website source code and search for specific scripts or text with context. Analyze HTML, JavaScript, CSS and more."><meta name="keywords" content="source code viewer, website source code, code search, web scraper, developer tools, HTML analyzer, JavaScript search, CSS viewer"><meta name="author" content="SourcePeek"><meta name="robots" content="index, follow"><title>SourcePeek - View Website Source Code and Search Scripts</title><link rel="canonical" href="https://sourcepeek.com/"><link rel="icon" type="image/png" href="https://images.sourcepeek.com/sourcepeek.svg"><link rel="apple-touch-icon" href="https://images.sourcepeek.com/sourcepeek.svg"><meta property="og:title" content="SourcePeek - View Website Source Code and Search Scripts"><meta property="og:description" content="Free online tool to view website source code and search for specific scripts or text with context. Analyze HTML, JavaScript, CSS and more."><meta property="og:type" content="website"><meta property="og:url" content="https://sourcepeek.com/"><meta property="og:site_name" content="SourcePeek"><meta property="og:image" content="https://images.sourcepeek.com/sourcepeek.jpg"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="SourcePeek - View Website Source Code and Search Scripts"><meta name="twitter:description" content="Free online tool to view website source code and search for specific scripts or text with context. Analyze HTML, JavaScript, CSS and more."><meta name="twitter:image" content="https://images.sourcepeek.com/sourcepeek.jpg"><script type="application/ld+json">{ "@context": "http://schema.org", "@type": "WebSite", "url": "https://sourcepeek.com/", "name": "SourcePeek", "description": "Free online tool to view website source code and search for specific scripts or text with context. Analyze HTML, JavaScript, CSS and more.", "image": "https://images.sourcepeek.com/sourcepeek.jpg", "inLanguage": "en-US" }</script><style>:root { --primary: #4361ee; --primary-dark: #3a56d4; --secondary: #7209b7; --dark: #2b2d42; --light: #f8f9fa; --gray: #8d99ae; --success: #2ecc71; --warning: #f39c12; --danger: #e74c3c; --border-radius: 8px; --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); --transition: all 0.3s ease; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: var(--dark); background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; padding: 2rem 0; } header { text-align: center; margin-bottom: 2.5rem; position: relative; } .logo { font-size: 3rem; margin-bottom: 1rem; position: relative; display: flex; align-items: center; justify-content: center; gap: 0.5rem; color: var(--primary); } .logo-image { width: 80px; height: 80px; object-fit: contain; filter: drop-shadow(0 2px 4px rgba(67, 97, 238, 0.1)); transition: var(--transition); } .logo-image:hover { transform: scale(1.02); filter: drop-shadow(0 4px 8px rgba(67, 97, 238, 0.2)); } .logo-fallback { display: none; width: 80px; height: 80px; background: linear-gradient(45deg, var(--primary), var(--secondary)); border-radius: 12px; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 24px; filter: drop-shadow(0 2px 4px rgba(67, 97, 238, 0.1)); transition: var(--transition); } .logo-fallback:hover { transform: scale(1.02); filter: drop-shadow(0 4px 8px rgba(67, 97, 238, 0.2)); } /* Fallback styling if image fails to load */ .logo-image:not([src]), .logo-image[src=""] { display: none; } .logo::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, var(--primary), var(--secondary), var(--primary)); background-size: 200% 200%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: shine 3s infinite; opacity: 0.7; z-index: -1; } h1 { color: var(--dark); margin-bottom: 0.5rem; font-size: 2.5rem; font-weight: 700; background: linear-gradient(45deg, var(--primary), var(--secondary)); -webkit-background-clip: text; background-clip: text; color: transparent; background-size: 200% 200%; } @keyframes shine { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .subtitle { color: var(--gray); font-size: 1.2rem; margin-bottom: 1.5rem; } @keyframes shine { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .card { background: white; border-radius: var(--border-radius); box-shadow: var(--box-shadow); padding: 2rem; margin-bottom: 2rem; transition: var(--transition); } .card:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .form-group { margin-bottom: 1.5rem; } label { display: block; margin-bottom: 0.5rem; font-weight: 600; color: var(--dark); } .input-wrapper { position: relative; } .input-wrapper i { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--gray); } /* SVG Icons Styling */ .icon { width: 24px; height: 24px; display: inline-block; vertical-align: middle; fill: currentColor; } .icon-large { width: 60px; height: 60px; fill: currentColor; } .input-wrapper .icon { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--gray); width: 20px; height: 20px; } .error .icon { margin-right: 10px; width: 20px; height: 20px; color: inherit; } .feature .icon { width: 40px; height: 40px; color: var(--primary); margin-bottom: 1rem; } button .icon { margin-right: 8px; width: 18px; height: 18px; } input[type="text"], input[type="url"] { width: 100%; padding: 15px 15px 15px 45px; border: 2px solid #e1e5f2; border-radius: var(--border-radius); font-size: 16px; transition: var(--transition); } input[type="text"]:focus, input[type="url"]:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.2); } button { background: var(--primary); color: white; border: none; border-radius: var(--border-radius); padding: 15px; font-size: 18px; font-weight: 600; cursor: pointer; width: 100%; transition: var(--transition); text-transform: uppercase; letter-spacing: 1px; } button:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); } .error { background: #ffebee; border-left: 4px solid var(--danger); padding: 15px; border-radius: 0 var(--border-radius) var(--border-radius) 0; color: #c62828; margin-bottom: 1.5rem; display: flex; align-items: center; } .features { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin-top: 2rem; } .feature { text-align: center; padding: 1.5rem; border-radius: var(--border-radius); background: white; box-shadow: var(--box-shadow); transition: var(--transition); } .feature:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .feature h3 { margin-bottom: 0.5rem; color: var(--dark); } .feature p { color: #5a677d; /* Darker than --gray for better contrast */ font-size: 0.95rem; } .seo-content { background: linear-gradient(135deg, #e8f4fc 0%, #d1e7f5 100%); border-left: 4px solid var(--primary); padding: 1.5rem; border-radius: 0 var(--border-radius) var(--border-radius) 0; margin: 2rem 0; box-shadow: var(--box-shadow); } .seo-content h2 { color: var(--dark); margin-bottom: 1rem; text-align: center; font-size: 1.8rem; } .seo-content h3 { color: var(--primary); margin: 1rem 0 0.5rem 0; font-size: 1.3rem; } .seo-content p { margin-bottom: 1rem; line-height: 1.7; } .seo-content ul { margin-left: 1.5rem; margin-bottom: 1rem; } .seo-content li { margin-bottom: 0.5rem; line-height: 1.6; } .security-note { background: #e8f5e9; border-left: 4px solid var(--success); padding: 1rem; border-radius: 0 4px 4px 0; margin-top: 1rem; font-size: 0.9rem; } footer { text-align: center; margin-top: 3rem; color: var(--gray); font-size: 0.9rem; padding-top: 1rem; border-top: 1px solid #e1e5f2; } footer p:first-child { margin-bottom: 0.5rem; } footer p:last-child { font-size: 0.8rem; } footer p:last-child::before { content: "© " attr(data-year); } @media (max-width: 768px) { .container { padding: 1rem; } h1 { font-size: 2rem; } .card { padding: 1.5rem; } .features { grid-template-columns: 1fr; } .logo-image { width: 60px; height: 60px; } .logo-fallback { width: 60px; height: 60px; font-size: 18px; } }</style></head><body><div class="container"><header><div class="logo"><img src="https://images.sourcepeek.com/sourcepeek-logo.svg" alt="SourcePeek Logo" class="logo-image" onerror="this.style.display='none'; this.parentNode.querySelector('.logo-fallback').style.display='flex';" loading="lazy"><div class="logo-fallback">SP</div></div><h1>SourcePeek</h1><p class="subtitle">View website source code and search for specific scripts or text</p></header><main><div class="card"><form action="/search" method="POST"><div class="form-group"><label for="url">Website URL</label><div class="input-wrapper"><svg class="icon" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/></svg><input type="text" id="url" name="url" placeholder="example.com or https://example.com" required></div></div><div class="form-group"><label for="search">Search Term</label><div class="input-wrapper"><svg class="icon" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg><input type="text" id="search" name="search" placeholder="script, function, or any text (min 3 characters)" minlength="3" required></div></div><button type="submit"><svg class="icon" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg> Search Source Code </button></form><div class="security-note"><p><svg class="icon" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.6 14.8,10V11H16V19H8V11H9.2V10C9.2,8.6 10.6,7 12,7M12,8.2C11.2,8.2 10.4,8.7 10.4,10V11H13.6V10C13.6,8.7 12.8,8.2 12,8.2Z"/></svg><strong>Security Note:</strong> We respect robots.txt and implement ethical crawling practices. All content is processed securely and not stored.</p></div><div class="seo-content"><h2>About SourcePeek</h2><p>SourcePeek is a free online tool that allows you to view any website's source code and search for specific scripts, functions, or text within that code. Our tool displays results with 5 lines of context above and below each match, making it easy to understand the code structure.</p></div></div><div class="features"><div class="feature"><svg class="icon" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M12,2A2,2 0 0,1 14,4C14,4.74 13.6,5.39 13,5.73V7H14A7,7 0 0,1 21,14H22A1,1 0 0,1 23,15V18A1,1 0 0,1 22,19H21A7,7 0 0,1 14,26H10A7,7 0 0,1 3,19H2A1,1 0 0,1 1,18V15A1,1 0 0,1 2,14H3A7,7 0 0,1 10,7H11V5.73C10.4,5.39 10,4.74 10,4A2,2 0 0,1 12,2M12,4A0.5,0.5 0 0,0 11.5,4.5A0.5,0.5 0 0,0 12,5A0.5,0.5 0 0,0 12.5,4.5A0.5,0.5 0 0,0 12,4M7.5,11A2.5,2.5 0 0,0 5,13.5A2.5,2.5 0 0,0 7.5,16A2.5,2.5 0 0,0 10,13.5A2.5,2.5 0 0,0 7.5,11M16.5,11A2.5,2.5 0 0,0 14,13.5A2.5,2.5 0 0,0 16.5,16A2.5,2.5 0 0,0 19,13.5A2.5,2.5 0 0,0 16.5,11M7.5,13A0.5,0.5 0 0,1 8,13.5A0.5,0.5 0 0,1 7.5,14A0.5,0.5 0 0,1 7,13.5A0.5,0.5 0 0,1 7.5,13M16.5,13A0.5,0.5 0 0,1 17,13.5A0.5,0.5 0 0,1 16.5,14A0.5,0.5 0 0,1 16,13.5A0.5,0.5 0 0,1 16.5,13Z"/></svg><h3>Robots.txt Compliance</h3><p>Respects robots.txt to ensure ethical crawling</p></div><div class="feature"><svg class="icon" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z"/><path d="M9.5,16.5L13,13L9.5,9.5L10.92,8.08L15.84,13L10.92,17.92L9.5,16.5M6.5,8.08L7.92,9.5L4.42,13L7.92,16.5L6.5,17.92L1.58,13L6.5,8.08Z"/></svg><h3>Multi-Format</h3><p>Handles various content types (HTML, JavaScript, CSS, etc.)</p></div><div class="feature"><svg class="icon" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M3,5H9V3H3V5M5,1H7V7H5V1M13,7V5H21V3H13V1H23V7H13M3,13H9V11H3V13M5,9H7V15H5V9M13,15V13H21V11H13V9H23V15H13M3,21H9V19H3V21M5,17H7V23H5V17M13,23V21H21V19H13V17H23V23H13Z"/></svg><h3>Context Results</h3><p>Shows 5 lines of context before and after matches</p></div></div></main><footer><p>SourcePeek - Free tool for viewing website source code</p><p data-year="2026"> SourcePeek. All rights reserved.</p></footer></div><script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a4ca2f5ceeca6323',t:'MTc5MjM1NDIxMQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body></html>