Liftoff — Free Bootstrap 6 Coming Soon Template
Liftoff is a free Bootstrap 6 coming-soon and under-construction template, shipped as three complete layouts rather than one: a full-bleed photographic countdown, a split screen with the form on a solid panel, and a stripped-back centred version with no imagery at all. A switcher in the header moves between them so you can see all three before choosing.
Coming-soon is a niche where people pick by layout rather than by feature list, so shipping one layout would be shipping a third of a product. Every variant is built to fit 100svh without scrolling on a laptop — a holding page that scrolls has already failed at the job. The countdown reads its target from a data-countdown attribute rather than a constant in the script, so changing the launch date is an HTML edit and the three layouts cannot disagree about when it is. Its aria-live is deliberately off: a region that updates every second is unusable with a screen reader, so the date is stated in text instead.
Key features
- Three complete layouts — full-bleed photographic, split screen and minimal
- Layout switcher in the header so all three are reachable from any of them
- Live countdown reading its target date from a data-countdown attribute
- aria-live deliberately off on the timer — a per-second live region is unusable
- Email notify form using native :user-invalid, no validation library
- Build-progress bar, because a number is more convincing than ‘coming soon’
- Every layout fits 100svh without scrolling on a laptop
- Minimal layout ships with no photography at all — nothing to load
- 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().
