The templates on this page were designed and maintained in-house by uiCookies, and each is built around a single scrolling page. A one-page website swaps separate pages for sections: menu links jump down the page instead of loading a new one, and a visitor can take in the whole offer in one pass. That format suits a small business, studio, freelancer or product with one clear story to tell, and it is quick to launch because there is only one page to get right.
Because everything lives at one address, order matters more than it does on a multi-page site. A good one-pager tells its story in sequence: what you do, proof that you do it well, what it costs or how to start, and finally how to get in touch. The navigation should show visitors where they are, each section should be short enough to scan, and the contact form belongs at the end where the story finishes. It also has to stay light, since a long page that loads every image at once is slow on a phone.
The three templates here come from different stages of our work. Solo is a current build on Bootstrap 5 with vanilla JavaScript and no jQuery. Cachet was recently rebuilt on Bootstrap 5 and vanilla JavaScript, and ships both a one-page and a multi-page version. Sweep is an older Bootstrap 3 build with jQuery and several plugins that we have not modernised yet. All 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). Cachet and Sweep carry a footer credit that you can keep, move or remove.
The templates
Solo
Solo fits an entire small-business or studio site onto a single scroll. After an abstract hero drawn in pure CSS, so no stock photo is needed, it runs through an about section, six services (brand strategy, web design, development, product and UX, motion and video, growth and SEO), a filterable portfolio, a count-up metrics band, a four-person team, three pricing plans, testimonials, a three-post journal and a contact form, with a newsletter sign-up in the footer. It suits agencies, design studios, freelancers and startups that want every standard section in place from the start.
Its interactions make it a working one-pager: a sticky navbar with scrollspy and smooth scrolling, portfolio filtering by Branding, Web, Product and Motion, a keyboard-accessible lightbox, a monthly/annual pricing toggle and a testimonials slider that pauses on hover. All content stays visible with JavaScript off. Bootstrap 5 and vanilla JavaScript, no jQuery; the contact form validates but needs a form service to send.
Cachet
Cachet gives you both formats in one download. onepage.html puts everything on a single scroll, while index.html, about.html, services.html, products.html and contact.html split the same material into a small multi-page site. The one-page version moves from its hero through a features band, an about section, three testimonials, six service blocks and a products section to a contact form. It suits a business that wants to launch as a one-pager now and keep the option of separate pages later, or the other way round.
The dual format is the point, because the same sections appear in both versions and you can decide late how the site should be structured. Recently rebuilt on Bootstrap 5 with vanilla JavaScript and no jQuery, though some demo copy still says Bootstrap 4 from the original release, so edit it as you go. The contact form needs a form service before it sends anything.
Sweep
Sweep is a classic agency one-pager from our older catalogue. The home page opens with a creative-agency hero, then covers services (web development, web design, UI/UX design, PSD to HTML, branding, illustration and more), a portfolio grid, an about section with skills, a team section and a contact form. Unlike a strict one-pager, it also comes with extra blog single pages, each with a comment form, and portfolio single pages, so a small studio has somewhere to put case studies and news.
Go in with clear expectations: this is a legacy Bootstrap 3.0.2 build with jQuery, bxSlider, niceScroll and waypoints that has not been modernised, and much of the portfolio and team copy is placeholder text. It is still a usable base if you are comfortable with older jQuery markup. The contact and comment forms need a backend or form service to work.
One-page templates for a specific niche
These single-scroll templates are built around one kind of business or event. Each has its own page with a live demo and download.
- Persona — Personal vCard & Freelancer Portfolio
- Toolbelt — handyman & home renovation
- Conference — one-page
- Reverb — Music Festival
- Launchpad — SaaS / App Landing Page
- Profile — Resume & CV
Compare at a glance
| Template | Best for | Pages | Standout feature |
|---|---|---|---|
| Solo | Agencies, studios and small businesses | 1 | Scrollspy nav, filterable portfolio, lightbox, pricing toggle |
| Cachet | Sites that may outgrow one page | 6 | One-page and multi-page versions included |
| Sweep | Agencies wanting blog and portfolio pages | 7 | One-pager plus blog and portfolio singles |
How to choose
Choose by how settled your content is. If everything you need to say fits in one sequence and you want a current build with every standard section, start with Solo: it already has services, portfolio, team, pricing, journal and contact, and its interactions are modern vanilla JavaScript. If you suspect the site will need separate pages for services or products, perhaps so each can be found in search on its own, Cachet lets you launch as a one-pager and switch to the multi-page version without redesigning. Sweep is the pick only if you want blog and portfolio single pages attached to a one-pager and are happy maintaining an older jQuery build. And if the site is for one person, one product or one event, look at the niche one-pagers listed below.
A note on terms, since 'single page' can mean two things. These are single-page websites in the design sense: one long HTML page with sections and in-page navigation. They are not single-page applications built with React, Vue or a similar framework, and they need no build step or Node install to run. Whichever you choose, the forms validate in the browser but send nothing until you connect them to a form service or backend, so plan that before launch, and keep the page short enough that visitors actually reach the contact form.
Frequently asked questions
How do the menu links work on a one-page website?
On a one-page site each menu item points to an anchor, a section further down the same page, so clicking it scrolls there instead of loading a new page. In Solo the sticky navbar also uses scrollspy to highlight the section you are reading and scrolls smoothly between them. If you add a section, give it an id and add a matching link to the menu.
Can I start with one page and add more pages later?
Yes. Cachet is built for exactly that, with onepage.html alongside separate home, about, services, products and contact pages that share many of the same sections. Sweep pairs its one-pager with blog and portfolio single pages. With Solo you would copy the HTML file and move sections onto new pages yourself, which is manageable because it is plain HTML.
Does the contact form on a one-page template send email?
Not by itself. The forms are front-end only: Solo's, for example, checks required fields, email format and a minimum message length, then shows a success or error message, but nothing is delivered until you connect it to a form service, your inbox or a backend. Cachet's contact form and Sweep's contact and comment forms need the same treatment.
Will a long single page still work with JavaScript off, or for keyboard users?
Solo is built with progressive enhancement, so all of its content stays visible when JavaScript is disabled, and its lightbox, slider, portfolio filters and form all work from the keyboard. Its animations also respect reduced-motion settings. The older Sweep build relies on jQuery plugins for its effects, so test it more carefully if accessibility is a requirement.
Are these free for commercial and client projects?
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. Cachet and Sweep carry a footer credit, which you can keep, move or remove.
Related templates
Free Landing Page Templates · Free Business Website Templates · All free HTML website templates
