Stream Movies, TV Shows & Anime in HD Quality
๐ Live Demo โข โจ Features โข ๐ฆ Installation โข ๐ What's New
NEXUS is a premium streaming platform built as a Progressive Web App (PWA). Watch unlimited movies, TV shows, and anime in high quality across all devices.
- ๐ฌ Unlimited Streaming - Movies, TV Shows, and Anime library
- ๐ Smart Search - Find content instantly with intelligent search
- ๐ Bookmarks - Save favorites for later viewing
- ๐ฏ Auto-Quality - Adaptive streaming based on connection speed
- ๐ Multi-Source - Multiple video sources for reliability
- advancement advancement advancement
โถ๏ธ Netflix-Style Player - Modern, intuitive video player - ๐ Screen Lock - Prevent accidental touches while watching (Mobile)
- ๐บ Chromecast Support - Cast to your TV
- ๐ฅ๏ธ Picture-in-Picture - Watch while multitasking
- โฉ Skip Forward/Backward - 10-second skip controls
- ๐๏ธ Volume Control - Smooth volume adjustment
- ๐ Subtitles - Multi-language subtitle support
- โ๏ธ Quality Selection - Manual quality control
- ๐ฑ Install as App - Add to home screen on any device
- ๐ฅ๏ธ Edge-to-Edge Display - Fullscreen immersive viewing
- ๐ Auto-Rotate - Landscape mode on fullscreen (Mobile)
- ๐ Offline Capable - Service worker caching
- ๐ฒ Push Notifications - Get updates on new content
- ๐ฌ New Streaming Providers โ Videasy, VaPlayer, CastleTV, ShowBox, ZXCStreams, OneTouchTV, AniKoto, AniKai, NetMirror and Yamie now all work on this site.
- โก Faster Loading โ The site is optimized to load much faster on all devices and browsers.
- โจ Watch On NEXUS 2.0 โ New cross-site button added to the menu with a glow + NEW badge.
- ๐ก๏ธ Ads Toggle โ You can now turn ads on or off from Settings (Preferences โ Disable advertisements).
- ๐งพ Ads Ready โ The ad slot is prepared; add your own Money-Tag banner via (see ADDING_ADS_TUTORIAL.md).
- Dual-Server Integration - Configured simultaneous registration, login, and settings updates across both
https://movies.dovetechnology.org(SPECTRUM) andhttps://court.fontaine.lol(REAPER) backends. - Failover & High Availability - Built a robust fallback mechanism; if one backend goes offline, users continue watching seamlessly with the online node.
- Dynamic Data Reconciliation - Implemented automatic synchronization: bookmarks, progress, and history updates cache locally and broadcast to recovering backends once they reconnect.
- Vite Local Dev Proxy - Masked local development API origins using Vite configurations for proxy masking.
- Modern Conic Border animations - Enabled glowing conic-gradient borders on node cards when hovered.
- Animating Motion Icons - Replaced static icons with animating
UserRoundCogIcon(rotates cog on hover) andDatabaseBackupIcon(rotates restore path on hover) powered by Framer Motion. - Visual Connection Graph - Crafted curved SVG path flows with animating neon particles/comets representing live traffic streaming from User Data down to the databases.
- Spacious Pyramid Layout - Replaced squished layouts with a wide, responsive pixel-perfect pyramid map (SPECTRUM at 16%, REAPER at 84% width alignment).
- Externalized Status Indicators - Moved active indicator pills (Online/Offline check) below the nodes for cleaner visibility.
- English Language Defaults - Automatically renames empty or unknown subtitles to "English".
- Source Attribute Fix - Maps the provider of these subtitles as "OpenSubtitles" instead of "Unknown".
- One-Click QR Code Generator - Added "Log in using other device" button to the landing page that dynamically displays a clean, transparent QR code floating over the background movie posters.
- Magnification Modal - Clicking the QR code opens a large overlay modal for quick and easy mobile camera scanning.
- Settings Camera Scanner & Upload - Added a fully functional QR code scanner directly under
Settings > Scan QR Code. Supports laptop/mobile live camera permissions or uploading a screenshot/image of the QR code. - Secure Auth Claim Page (
QRLoginClaimPage) - Implemented a dedicated authorization endpoint that allows any logged-in device to scan the QR, review the connection request, and securely authenticate the new device. - Client Recognition & Animated Confirmation - The scanning device displays a purple badge with the requestor's device browser metadata (e.g. "Chrome on Linux") and an animated double-pulsing green checkmark once authorized.
- Real-Time Redirection - Initiating tab detects the approved authorization, displays "Login request approved" with a check animation, and instantly redirects to the onboarding path.
- Clean Interface Design - Removed the dark backdrop from the landing page QR code for a modern, borderless look, adding bold instructional text: "Scan the QR code on your device to log in. Go to Settings > Scan QR Code."
- Vercel Blob Storage - Integrated
@vercel/blobstorage to handle secure uploading and hosting of user-defined profile pictures. - Dynamic Profile Editing - Profile photos are instantly uploaded and updated across sessions via Vercel Blob.
- Mobile Side Panel Fixed - Removed the "Coming Soon" blocker from the mobile sidebar. Cuts now navigates correctly from the Browse dropdown and slide-out menu panel on all mobile devices.
- True Fullscreen on Mobile - Cuts now uses
position: fixed; inset: 0withz-index: 900, taking over the entire viewport like TikTok/Reels/YouTube Shorts. The bottom navigation bar automatically hides when Cuts is open. - iOS Safe Area Support - Action buttons (Save, Mute, Next) and the bottom info panel now respect
env(safe-area-inset-bottom)so they never hide behind the iPhone home indicator or Android gesture bar. - Dynamic Viewport Height - Uses
100dvh(dynamic viewport height) for pixel-perfect fullscreen on mobile browsers where the URL bar hides/shows on scroll. - Watch Now Stops Trailer - Pressing "Watch Now" now immediately pauses and mutes the YouTube player before opening the movie details modal โ no more audio bleed-through into the movie page.
- Vertical Reels Feed - Fullscreen snap-scroll trailer experience powered by TMDB + YouTube, inspired by TikTok, YouTube Shorts, and Facebook Reels.
- Cross-Browser Swipe & Click Fix - Resolved layout gestures on Firefox and Safari: applied
touch-action: pan-yon overlays and targeted pointer-events on the dynamically-injected YouTubeiframeplayers so clicks/scrolls never freeze or block. - Auto-Play Trailers - Up to 50 trailers per session: Trending, Pinoy, Vivamax, and Anime categories.
- Double-Tap to Bookmark - Heart burst animation saves any movie to your bookmarks instantly.
- Watch Now Button - Opens the full movie details modal directly from the reel you're watching.
- Progress Bar - Thin YouTube Shorts-style seekable bar shows current trailer progress.
- Mute/Unmute Toggle - Respects browser autoplay policy; unmutes on first user interaction.
- Fullscreen Immersion - Navigation bars, header, and sidebar all hidden for true cinema feel.
- Close Button (ร) - Repositioned frosted-glass Close (ร) button to the top-right (
right: 16) to align with mobile indicators and player HUD. - Next Button Fixed - Uses container
scrollTomath for perfect alignment inside CSS scroll-snap container.
- Glowing Animated Badge - Pulsing red "โฆ NEW" label next to Cuts in the Browse dropdown alerts users to the new feature at a glance.
- Continue Watching on /discover - Your in-progress movies and shows now appear directly on the main Discover page below the tab navigation.
- Edit Mode - Pencil icon reveals X buttons to remove items from Continue Watching โ full parity with /home functionality.
- Bookmarks on /discover - All saved favorites (with group support) are now surfaced on the Discover page.
- Card Sizing - Both sections are sized to match the Discover page's existing media card dimensions for a consistent look.
- "Because You Watched" Moved Down - The recommendation row now appears below Continue Watching and Bookmarks for a more logical content hierarchy.
- Original File & Stream Link - Split the download options in the settings menu to support both direct file downloading ("Original File" via GoatAPI downloader) and copying the HLS stream link ("Stream Link") to clipboard with 2-second visual copying feedback.
- Subtitle Downloads - Integrated downloading of active caption files (.vtt/.srt) directly from the Downloads menu.
- Provider Re-ordering - Re-ordered and locked providers to show ONLY the top 5 premium sources: FebBox 4K โญ (first, rank 900) โ VidLink (second, rank 890) โ LookMovies (third, rank 880) โ ZeticuzApi (fourth, rank 870) โ Tugaflix (fifth, rank 860). All other duplicate sources are globally disabled.
- FebBox GoatAPI Integration - Rebuilt FebBox scraper for GoatAPI worker endpoints. Implemented parallel responsive latency pings (1080p primary priority, 4K bonus) and a fail-safe CDN cold-start bypass to prevent "No video available" errors.
- HLS Dynamic Quality Selection - Constructed local HLS master playlist Blob URL inside the player, enabling Hls.js dynamic ABR and seamless manual quality switching for FebBox.
- Auto-On English Subtitles - Player now automatically sets subtitles "on" and selects the first English VTT track upon start.
- Fixed TypeScript / ESLint errors across multiple backend and provider files.
- Removed unused imports and clean-compiled the production bundle (
pnpm build). - Fixed pointer-events and touch gestures in Firefox for the Cuts trailer swiping interaction.
- Animated Cuts Icon - Implemented a dynamic, animated icon for the Cuts feature using Framer Motion.
- Brand Consolidation - Fully replaced all remaining Music references with the new "Cuts" identity.
- Interactive UI - Added smooth micro-animations and hover effects to primary navigation elements.
- Auto-Detection Reliability - Enhanced the browser extension detection logic for seamless user onboarding.
- Synchronized Backups - Established automated synchronization with backup repositories for project integrity.
- Browser Extension Detection - Automatically detects if the NEXUS helper extension is installed.
- Improved Onboarding - Streamlined extension permission flow for enhanced playback reliability.
- Auto-Redirect - Successfully transitions users to movies with extension-enabled sources once permissions are granted.
- Rebranded "Music" to "Cuts" - Replaced the legacy Music section with the new "Cuts" feature.
- Custom Iconography - Integrated high-fidelity custom icons for the "Cuts" navigation item.
- Placeholder Implementation - Added interactive "Coming Soon" notifications for upcoming features.
- Single Viewport Layout - All content fits in one screen without scrolling
- Bigger NEXUS Branding - Enhanced logo visibility for better brand recognition
- Responsive Design - Optimized for mobile, tablet, and desktop views
- Expand/Collapse Animation - Clean search bar that expands on click
- Auto-Close Feature - Automatically collapses when empty
- Header Integration - Search bar integrated into main navigation
- Infinite Loop Animation - Seamless continuous scrolling
- TMDB CDN Logos - Reliable logo loading for all streaming partners
- Responsive Sizing - Cards adapt to screen size
- Removed Bottom Nav Bar - Cleaner mobile experience
- Unified Header Navigation - Search and notifications in top header
- Screen Lock Button - Netflix-style lock in bottom controls (Mobile fullscreen)
- Auto-Hide Controls - Logo and lock button auto-hide when not interacting
- Auto-Rotate - Automatic landscape rotation on fullscreen
- Improved Touch Handling - Better mobile touch response
- Edge-to-Edge PWA - Status bar blends seamlessly with content
- Chromecast in Top Bar - Easy access to casting
- Clean Locked Screen - No UI obstruction when locked
- Project Cleanup - Removed ~4.5MB of unused files
- Optimized Build - Faster load times
- New M3U8 Proxies - Added 3 new proxy servers for reliability
- Node.js 18+
- pnpm (recommended) or npm
# 1. Clone the repository
git clone https://github.com/reyamae14-cyber/nexusFINAL.git
# 2. Navigate to project directory
cd nexusFINAL
# 3. Install dependencies
pnpm install
# 4. Create environment file
cp example.env .env
# 5. Configure your .env file (see Environment Variables section)
# 6. Start development server
pnpm dev
# 7. Open in browser
# Visit http://localhost:5173# Build for production
pnpm build
# Preview production build
pnpm previewCreate a .env file in the root directory:
# TMDB API Key (Required)
VITE_TMDB_READ_API_KEY=your_tmdb_read_api_key
# CORS Proxy URLs (comma-separated)
VITE_CORS_PROXY_URL=https://your-cors-proxy.com
# Backend URL
VITE_BACKEND_URL=https://your-backend.com
# M3U8 Proxy URLs (comma-separated)
VITE_M3U8_PROXY_URL=https://proxy1.com,https://proxy2.com
# App Domain
VITE_APP_DOMAIN=https://your-domain.com
# Feature Flags
VITE_PWA_ENABLED=true
VITE_HAS_ONBOARDING=true
VITE_ALLOW_AUTOPLAY=true
VITE_HIDE_PROXY_SETTINGS=true
# Storage (Required for profile image uploads and QR session handshake data)
BLOB_READ_WRITE_TOKEN=your_vercel_blob_token- Push to GitHub
- Connect to Vercel
- Set environment variables in Vercel dashboard
- Deploy!
# Or deploy via CLI
npx vercel --proddocker-compose up -d- Visit https://www.zeticuz.online
- Tap the share button
- Select "Add to Home Screen"
- Tap "Add"
- Visit https://www.zeticuz.online
- Click the install icon in the address bar
- Click "Install"
| Category | Technology |
|---|---|
| Frontend | React 18, TypeScript |
| Build | Vite |
| Styling | Tailwind CSS |
| State | Zustand |
| Video | HLS.js, Custom Player |
| PWA | Workbox, Service Workers |
| Routing | React Router v6 |
| Storage | Vercel Blob Storage |
| QR Code | html5-qrcode, qrcode.react |
| Animation | Framer Motion |
| Security | @noble/hashes, @scure/bip39, crypto-js, node-forge |
NEXUS integrates with the TMDB-Embed-API backend (deployed on HuggingFace Space) to fetch and decrypt streaming sources in real-time.
- Scraping Trigger: When a user selects a Movie, TV Show, or Anime,
zeticuz-provider.tsbuilds the backend request. - IMDB Bypass: NEXUS automatically appends
imdbId(e.g.,tt0903747) to the request so the backend can skip slow TMDB resolution lookups, increasing load speeds by up to 50%. - Single Probe Fetch:
useProviderScrape.tsxissues a single parallel probe query to fetch available providers first. This prevents hammering the API with 12 simultaneous requests and avoids backend timeout bottlenecks. - Player Integration: The player reads
probedSourcesto render only verified working hosts (e.g., AniKoto, DahmerMovies, Vidbox) in the selection list.
To prevent users or automated scrapers from extracting your API routes, configurations, or backend provider endpoints, the following security features have been implemented:
- Decoy Binary Metadata Obfuscation: The production HuggingFace API URL is hidden inside a decoy binary MP4 header block (
\tkhd...mdia...mdhd) withinsecure-config.ts. The URL is extracted dynamically at runtime via base64 decoding, preventing grep tools from locating the backend domain in source code. - DevTools Blocker & Page Freeze: In production, a continuous anti-devtools execution loop (
debuggerstatements nested in recursive self-invoking function calls) runs every second. If DevTools is opened, the inspector is frozen. - UI Event Restrictions: Left-clicks/Right-clicks context menus are disabled across the application. Developer shortcuts (
F12,Ctrl+Shift+I,Ctrl+Shift+J,Ctrl+Shift+C,Ctrl+Uto View Source, andCtrl+Sto save page) are intercepted and prevented.
graph TD
User([User]) -->|Clicks Play| Nexus[NEXUS Frontend]
Nexus -->|zeticuz-provider.ts| SecureUrl[secure-config.ts Resolves URL]
SecureUrl -->|Single API request| API[HuggingFace Backend Space]
API -->|Parallel scrapes| Hosts[Video Hosts]
Hosts -->|Normalizes and filters| Nexus
Nexus -->|probedSources verification| Player[Secure Player UI]
This project is proprietary software owned by reyamae14-cyber.
See LICENSE.md for full terms.
reyamae14-cyber
ยฉ 2026 NEXUS. All rights reserved.
