Every template on this page was designed and maintained in-house by uiCookies; none of them point to someone else's work. A landing page exists to do one job. Someone arrives from an ad, a launch post or a search result, and the page has very little time to say what is on offer, why it matters and what to do next, which is usually leaving an email address or starting a trial. This page also covers the other single-purpose page people look for: the coming-soon or under-construction page that holds the address while the real site is built.
The two are related but work differently. A product landing page makes an argument: a hero, features, how it works, proof, pricing or a comparison, answers to the usual objections, and the same call to action repeated at sensible points down the page. A holding page does almost none of that. It says what is coming and ideally when, takes an email address, and fits on one screen without scrolling. Both need a single clear action, a layout that works on a phone, and a form that is actually connected to something.
Stacks vary across the set, so here is the plain version. Threshold and Liftoff are built on Bootstrap 6, which is still an alpha: the framework is vendored at a pinned commit so nothing drifts, but it targets evergreen browsers only so treat it as a head start on v6 rather than a long-term base. Launchpad, Booster and Inspire run on Bootstrap 5 with vanilla JavaScript and no jQuery, and Proximity loads no framework at all. All six are static HTML you download and edit directly, free for personal and commercial use under the standard uiCookies licence, with attribution optional but always welcome (full terms at uicookies.com/license). Booster, Inspire and Proximity carry a footer credit that you can keep, move or remove.
The templates
Threshold
Threshold pairs a long-form pre-launch page with a built-in waitlist. Its demo sells a calendar tool, and the page runs a centred hero with the signup form, a logo band, four features, a three-step setup, three testimonials, an honest comparison table that stacks on mobile, a six-question FAQ and a closing call to action. A second page, the thank-you screen, shows a queue position, a referral link with copy-to-clipboard and something to do while waiting. It fits SaaS products and apps collecting signups before they open.
The hero form, the closer and a sticky bar share one value, so a half-typed email survives the scroll; the bar appears only once the hero form has left view and hides again over the closer. The product shot is a calendar week drawn in CSS, and the FAQ uses native details elements. Full light and dark mode, Bootstrap 6 (alpha, pinned) with ESM-only vanilla JavaScript.
Launchpad
Launchpad makes the case for a SaaS product or app that is about to ship. The demo, for a release-management tool, moves through six feature cards, a three-step how-it-works section with a code chip, a ten-tile integrations grid, three pricing tiers with one highlighted plan, an FAQ and a closing call to action, with an email-capture form on the page. Where most templates drop in a screenshot, the hero is a 'release cockpit' built in HTML and CSS: KPI tiles, staged-rollout bars, a spark line and a floating status toast that you edit as text.
A working monthly/annual pricing toggle swaps prices from data attributes, though it only changes the display and does not connect to billing. Stat counters animate on scroll, the FAQ accordion is keyboard friendly and the icons are hand-drawn inline SVG, all set in midnight ink and cool porcelain with teal and amber signals. Bootstrap 5, vanilla JavaScript, no jQuery, no build step.
Booster
Booster is a single landing page whose demo sells English-language courses. It opens on a hero with a placeholder 'Title of Your Product, Service or Event' headline, then sets out features and benefits (English for international business, for travel, and for cinema and music), a three-step start of choosing a programme, taking a free trial lesson and paying for a tutor, a social-proof section headed 'People Believe Other People' and a closing 'Claim Your Free Trial' call to action. It suits course providers, tutors and schools selling a first lesson.
What stands out is the sales sequence: reasons to buy, a three-step path, then one free-trial offer. That shape carries over to any service sold on a trial session, and the placeholder headline makes it easy to retitle. Recently rebuilt on Bootstrap 5 with vanilla JavaScript and no jQuery. Connect the trial call to action to your own booking tool or form service.
Inspire
Inspire starts as a landing page and grows into a small startup site. The home page leads with a startup-launch hero, a platform-features grid, a second features band, testimonials and an Our Clients section, and five more pages come with it: About (mission and team), Team, Pricing with three tiers and one marked most popular, FAQ, and Contact with USA and Europe contact blocks. The navigation includes a multi-level dropdown plus Log in and Sign up links. It suits a startup that wants a landing page now and supporting pages ready for later.
Six pages sharing one navigation and footer make it hang together as a site rather than a lone page. Expect some rewriting, since the FAQ questions are still lorem ipsum placeholders. Recently rebuilt on Bootstrap 5 with vanilla JavaScript and no jQuery. The forms validate in the browser but need a form service or backend before they send anything.
Liftoff
Liftoff ships three complete coming-soon and under-construction layouts instead of one. Full bleed sets a centred countdown and notify form over a photographic backdrop; Split puts a photo panel beside a solid panel holding the form and a build-progress bar; Minimal drops imagery altogether for a fast, centred holding page. All three share a live countdown, an email notify form, a progress bar, social links and a layout switcher in the header, so you can compare them before choosing. It fits anyone who needs a respectable placeholder while the real site is built.
Every layout fits one laptop screen without scrolling. The countdown reads its target date from a data-countdown attribute, so moving the launch is a single HTML edit, and its per-second updates are kept out of screen-reader announcements, with the date stated in text instead. Native :user-invalid validation on the form, light and dark mode, Bootstrap 6 (alpha, pinned) with ESM-only vanilla JavaScript.
Proximity
Proximity comes from our earlier catalogue: a compact coming-soon and under-construction page, recently rebuilt. It keeps to what a holding page needs: the site name, a short tagline, a countdown timer to your launch date and an email subscription form to collect addresses while you work. Use it to announce a new website, a product launch or an upcoming event, and choose it over Liftoff when you want something plainer that does not depend on the Bootstrap 6 alpha.
Its appeal is simplicity: one page with one job and nothing to trim before launch. It is a standalone page with its own stylesheet and one short vanilla JavaScript file, with no jQuery and no framework to load. As with every form here, the subscription form collects nothing until you connect it to a mailing list or form service.
Compare at a glance
| Template | Best for | Pages | Standout feature |
|---|---|---|---|
| Threshold | Pre-launch waitlists for SaaS | 2 | Three signup forms sharing one typed value |
| Launchpad | SaaS and app product launches | 1 | Editable HTML cockpit hero and pricing toggle |
| Booster | Courses and trial-lesson offers | 1 | Three-step path to a free trial |
| Inspire | Startups needing a few pages | 6 | Six pages including pricing, team and FAQ |
| Liftoff | Coming soon and under construction | 3 | Three layouts, countdown date set in HTML |
| Proximity | Simple holding pages | 1 | Countdown and email sign-up on one page |
How to choose
First decide which kind of page you need. If the product exists, or soon will, and people have to be persuaded, choose a landing page: Launchpad for a SaaS product or app with pricing, Threshold if you are building a waitlist and want a proper thank-you page, Booster if you are selling a course or trial lesson, and Inspire if the landing page needs supporting pages such as pricing, team and FAQ. If the site simply is not ready yet, choose a holding page: Liftoff gives you three layouts to pick from, and Proximity keeps it to one plain page. Threshold sits between the two, because a pre-launch waitlist can hold the address while making a fuller argument.
A few gaps to be clear about. We do not have a dedicated maintenance-mode page, so if an existing site is going offline for a while, adapt Liftoff's Minimal layout or Proximity and change the wording and date to suit. None of these templates includes a checkout either: Launchpad's pricing toggle and Inspire's pricing table are display only, so link their buttons to your billing provider. Finally, weigh the stack. Threshold and Liftoff are Bootstrap 6 alphas for evergreen browsers; if you need a base you can maintain today, the four templates that don't depend on the alpha are the safer choice.
Frequently asked questions
Does the countdown update itself, and how do I change the launch date?
Yes, the countdowns run live in the browser. In Liftoff the target date sits in a data-countdown attribute in the HTML, so changing the launch is a single markup edit and all three layouts always agree. Proximity also has a countdown timer, so set its date before you publish.
Will the email signup or waitlist form collect addresses on its own?
No. The forms validate in the browser but send nothing until you connect them to a mailing provider, form service or your own backend. The same goes for Threshold's thank-you page: its queue position and referral link need a waitlist service behind them before they reflect real signups.
Is it safe to launch with a Bootstrap 6 template?
Threshold and Liftoff use Bootstrap 6, which has not been released yet. It is vendored into each template at a pinned commit, so it will not change under you, but it targets evergreen browsers only (Safari 16.4+, Chrome 111+ and Firefox 113+) and the product pages advise treating it as a head start on v6 rather than a foundation you must maintain today. If you want the stable framework, Launchpad, Booster and Inspire run on Bootstrap 5, and Proximity needs no framework at all.
Can I use Booster for something other than a language course?
Yes. The demo copy sells English lessons, but its structure of benefits, a three-step path and a single free-trial offer suits other services sold on a first session, such as coaching or tutoring in another subject. The hero headline is already a placeholder asking for the title of your product, service or event.
Can I use these for client campaigns and commercial launches?
Yes. Every template here is free for personal and commercial use, including client work, under the standard uiCookies licence; attribution is optional but always welcome, and the full terms are at uicookies.com/license. Booster, Inspire and Proximity carry a footer credit, which you can keep, move or remove.
Related templates
Free One Page Website Templates · Free IT & Software Company Website Templates · All free HTML website templates
