threshold template preview

Threshold — Free Bootstrap 6 Landing Page Template

Threshold is a free, premium Bootstrap 6 landing page template. One long page doing one job — hero, product shot, features, how it works, social proof, an honest comparison table, questions and a closer — plus a thank-you page with a queue position and a referral link.

A landing page puts an email field in the hero, another in the closer, and a third in a sticky bar — and in every template they are three unrelated inputs. So somebody types half an address, scrolls, and the sticky bar hands them an empty box. Here all three share one value: type anywhere and every copy has it. The sticky bar itself is honest too — it appears only once the hero form has genuinely left the viewport, and hides again over the closer, because a second call to action stacked on top of the real one is just clutter. Both use IntersectionObserver rather than a scroll handler, so nothing runs on frames where nothing changed. The product shot is a week grid built in CSS rather than a screenshot: sharp at any size, weighs nothing, and never dates.

Live Demo

Threshold — Free Bootstrap 6 Landing Page Template preview

Key features

  • Two pages — long-form landing page and a thank-you page
  • Hero, closer and sticky forms share one value — a half-typed email survives
  • Sticky bar appears only when the hero form has left the viewport
  • It hides again over the closer, so two calls to action never stack
  • IntersectionObserver throughout, not a scroll handler
  • Product shot is a calendar week built in CSS — sharp, weightless, undateable
  • Comparison table that concedes the honest column and stacks on mobile
  • Copy-to-clipboard with a fallback for insecure origins like file://
  • Native details FAQ, no accordion JavaScript
  • Bootstrap 6 vendored at a pinned commit, ESM-only, no build step

Before you use it

Bootstrap 6 has not been released. npm i bootstrap@6 does not work yet and the framework is still changing, so treat this as a head start on learning v6 rather than a foundation for a production site you need to maintain today. The framework is vendored into the template at a pinned commit, so nothing here can drift. It targets evergreen browsers only — Safari 16.4+, Chrome 111+ and Firefox 113+ — because Bootstrap 6 is built on oklch() and color-mix().

Aigars Silkalns

Designed & written by Aigars Silkalns

Aigars Silkalns is a Latvian entrepreneur and web developer who founded Colorlib, a hub for distinctive WordPress themes. Trained in technology and design, he began as a freelancer and launched Colorlib in 2013, earning acclaim for user-friendly, modern, responsive themes. A champion of open source, Silkalns shares insights on web trends and entrepreneurship. His mission is to make web design simple and accessible, empowering people worldwide to build professional sites with ease.

XLinkedInMore about uiCookies →

Free
Demo