Free one page website templates
All 20 templates
A one page website puts the whole story on one scroll: what you do, the proof, the prices, the questions and the contact form. The menu is a row of links that jump down the page, and nobody waits for a second page to load. For a launch, a local business, a studio or an event, that is usually all a site needs.
Every template here is a one page HTML template in a single file. The CSS and the JavaScript are inside index.html, the animations run on GSAP and ScrollTrigger from a CDN, and there is nothing to install or build. Open the file in a browser, change the text, upload it to any static host.
Under each template: what its one scroll holds.
Every template here is free under the MIT license: one index.html with its CSS and scripts inside (GSAP, ScrollTrigger and Lenis load from jsDelivr), plus AGENTS.md, CREDITS.md (photos from Unsplash under the Unsplash License, fonts under the SIL Open Font License) and LICENSE, in its own GitHub repository at github.com/8bsite with a live demo on GitHub Pages. Each template's page has the download commands.
One scroll goes from the eleven-key panel through modes, dimming and chords to two priced finishes, a FAQ and a contact form.
One scroll holds the pitch, how captions work, call features, caption settings, in-person use, reviews, setup steps, a FAQ and support.
One scroll holds the whole pitch: manifesto, filterable work, a featured case, clients, services, method, a studio to book, team and contact desks.
One scroll runs from a one-word greeting through case studies, a client wheel, services, process, team and journal to a violet contact field.
One scroll holds the house: week, clubs, moodboard, shop, journal, letter, tiers, questions and a visit form.
One scroll runs from the window facade through rooms, letters, the day, team and rules to the booking form.
One scroll runs from schedule rings and lineup through zones, food and sponsors to passes, questions and travel details.
One scroll covers inks, process, studio, a shop, workshop dates, a price calculator, the press log and a contact form.
One scroll holds five buildings, a method, a plot register, a project floor by floor, the team and an enquiry form.
One scroll covers the method, five sports, coaches, the test lab, a seven-day schedule, member stories, recovery, three plans and booking.
One scroll covers the free diagnosis, a price wall, the window bench, part grades, refurbished stock, business pickups, repair by post and booking.
One scroll holds a sample monthly report, three services, switching, a tax-year calendar, client stories, the team, fees and booking.
One scroll holds what a new client checks: services, a working month, fixed fees, team, reviews and booking.
One scroll: hero dish, five daily services, menu, bar card, terrace plan and table booking.
One scroll: what's on tap, a flight builder, brew day, the taproom, events and back-room booking.
One scroll walks down the building: depths, the day, rooms, rules, members, Thursday talks, plans and a tour form.
One scroll covers a trampoline park: zones, sessions, parties, café, league, house rules, passes, questions, opening hours and a booking request form.
One scroll runs from the four visit steps through the cat and dog sides, services, vets, patients and prices to a visit request form.
One scroll walks a homeowner from services and prices through the survey, finished rooms, materials, stages, guarantees, crew and reviews to a site-visit form.
One scroll runs the shop's week: stems on the bench, arrangements, evening delivery, standing orders, events, growers, workshops, a care column and an order form.
Questions
What is a one page website template?
A complete website on a single HTML page: the sections follow each other on one scroll and the menu links jump to them. These templates also bring their own styles, scroll animations and a phone layout, so the page works as it is and you only change the content.
Can a one page site rank in search?
Yes, for one focused topic: a local business, a product, an event. Give it a clear title and description, one heading per section and real text in each section. If you later need pages for separate topics, add them as separate HTML files next to it.
How do the menu links work on one page?
Each link points to the id of a section, for example #contact, and the page scrolls there smoothly. To add a section to the menu, give the section an id and add a link with that id to the navigation.