Streamline — Free Movie & TV Streaming Website Template
Streamline is a dark-UI OTT template that treats night as a colour, not just an absence of light — a deep midnight-navy stage lit by a marquee-gold accent and a spotlight-rose highlight, so it never falls into the "black plus one neon" trap. It ships as a complete two-page experience: a long-scroll landing page and a fully built title-detail page with a season switcher and episode list. Everything is Bootstrap 5, hand-written vanilla JS, and self-hosted — no jQuery, no icon fonts, no CDN calls to break on a strict host.
Features
- Full-bleed cinematic hero with a featured title, match score, maturity chip and a real play/more-info CTA pair
- Transparent-to-solid sticky header that fades in a blur on scroll
- "Trending now" Top-10 row with scroll-snap, ranked outline numerals and prev/next arrow controls
- Eight duotone genre tiles with per-category hues and hover reveal arrows
- Editors'-pick spotlight split with a stacked cast row and watch-trailer overlay
- "Watch on any device" band with hand-drawn inline SVG device icons
- Three-tier pricing with a working monthly/annual billing toggle that rewrites every price in JS
- Second page (title.html): backdrop hero, synopsis, cast row, facts sidebar, and a 4-season episode switcher
- Accessible by default: skip link, semantic landmarks, focus-visible rings, alt text and aria labels throughout
- Reduced-motion aware, responsive from 360px to 1440px, IntersectionObserver scroll-reveal
At a glance
- Framework: Bootstrap 5
- License: Free for personal and commercial use
- Pages: 2 (landing + title detail)
- Responsive: Yes
- Style: Dark, cinematic, marquee-gold on midnight navy
How to use it
Download the ZIP, unzip it, and open index.html — there is no build step and no dependencies to install. Replace the demo text and images with your own, point any forms at your backend or a form service, and deploy the folder to any static host. Colours, fonts, and spacing live in css/style.css; the interactions are in js/main.js. Bootstrap 5 is bundled locally, so it works offline and on strict-CSP hosts.
FAQ
Is Streamline really free for commercial projects?
Yes — use it for personal and commercial work. The sample titles, posters and copy are fictional placeholders; swap in your own catalogue and branding.
Does it use jQuery or any icon font?
No. All interactions are vanilla JavaScript in a single guard-claused file, and every icon is inline SVG, so there are no Font Awesome or CDN dependencies to block.
How is the streaming catalogue wired up?
The template is front-end only. The trending row, genre tiles and episode list are static markup ready to be templated by your CMS, headless backend or video platform of choice.
Will it work behind a strict content-security policy?
Yes. Bootstrap's CSS/JS are self-hosted locally and only Google Fonts is loaded remotely, so it deploys cleanly on locked-down demo and preview hosts.
