Free car wash website template

Live demo Download ZIP Build without code GitHub

Edit it by hand: it is one index.html with no build step, so you can open it in any text editor, change the words and photos, and upload it to any static host. Not a coder? Describe your business in one sentence to 8B's AI website builder and it designs a new site for you, with more pages when you need them. Designing is free; publishing with hosting is $9 a month, billed yearly. It also works inside Claude and ChatGPT.

MIT license · Made by 8B, an AI website builder · Plain text: two-buckets.md, data: two-buckets.json

Car wash website template: first screen on a phone

About this car wash website template

Car wash website template: one free HTML page for a hand car wash or valeting bay, with a five-step wash method, a price board that changes with vehicle size, interior work, paint protection coats, a monthly Wash Club and a booking form. Violet, foam cream and yellow, with scalloped edges. One file, with AGENTS.md for Claude Code, Cursor or Codex.

At a glance, October 2026. One 90 KB index.html with its CSS and JavaScript inside, 12 sections, 17 Unsplash photos credited in CREDITS.md, Instrument Sans and Rethink Sans from Google Fonts, GSAP 3.13.0 (ScrollTrigger); Lenis 1.3.11 smooth scroll loaded from jsDelivr.

Hand car washes and valeters can use this as a car valeting website template without rebuilding the structure: the method, six priced services, interior work, four protection coats and a monthly plan are already on the page. A studio comparing auto detailing website templates will find the same parts for polish and ceramic work, and a van wash can keep the size-based price board.

As a car wash website template for Claude Code, Cursor or Codex, it goes quickest when you vibe code it and give the agent the facts only the owner has: prices for each vehicle size, hours, the club price and perks, protection claims, the redo promise, the tallest vehicle the bay takes, crew and company details. The demo invents all of them, plus the 4.9 rating and the eight reviews. The agent swaps the name in any letter case and rewrites the five wash steps and their minutes.

As a car detailing website template it suits a single bay with bookings and a club, and it shows a price for every service. A business that quotes each job, such as an electrician's practice, needs a different page. The weak spot is booking: the form sends nothing until a service is connected and there is no live calendar. Owners who want no code can use 8B's builder instead.

Good for:

Hand car wash or car valeting businessAuto detailing, ceramic coating or paint protection studioVan, bike or boat cleaning service with size-based pricesAny local service with a price list by size and a monthly plan, in a bold, friendly look

Turn the car wash website template into your site with an AI agent

With an AI coding agent

Files (PowerShell: curl.exe):

curl -LO https://raw.githubusercontent.com/8bsite/car-wash-website-template/main/index.html
curl -LO https://raw.githubusercontent.com/8bsite/car-wash-website-template/main/AGENTS.md
curl -LO https://raw.githubusercontent.com/8bsite/car-wash-website-template/main/LICENSE
curl -LO https://raw.githubusercontent.com/8bsite/car-wash-website-template/main/CREDITS.md

Prompt for the agent:

Read AGENTS.md, then edit index.html. Make this the site for <my car wash or valeting business: name, address, opening hours, prices for small, family and large vehicles, the five wash steps with minutes, protection coats with prices, club price and perks, crew, booking method>. Replace first the brand, the placeholder address and phone, the Sheffield references, prices, reviews and crew. Keep the section ids, the three price data attributes and five steps with five photos. Ask me for missing facts and never invent prices, hours, guarantees or reviews.

In a terminal

npx degit 8bsite/car-wash-website-template my-site

Car wash website design prompt for any AI tool

Use this to build a car wash or valeting site from scratch in Claude Code, Codex, Cursor, Lovable, v0 or Bolt. It is this template's design written as decisions, as in prompts for other service businesses. With the template itself, the short prompt above is enough.

Build a one page website for a hand car wash or valeting bay. The audience is drivers who want a clear price and a booked slot. Sections in order: navigation, opening, five step wash method, price board, interior work, paint protection coats, crew, reviews, monthly Wash Club, questions, booking form, footer. The price board switches between small, family and large vehicles and changes all prices at once. Type: Instrument Sans in bold condensed weight for headings, prices and quotes, Rethink Sans for body text and buttons. Colours: violet #3b20f0 for buttons and the booking ground, foam cream #fdf7e3 for the page, deep ink #160c50 for text and footer, yellow #ffc83d for prices and selected states, lilac #d6d0ff for badges and photo frames. Motion has one idea, foam and bubbles: photo window pinned while the five steps pass, a scalloped yellow disc growing across the club section, bubbles drifting up behind the form. Respect prefers-reduced-motion. Layout: cream and violet sections alternate, each starting with a scalloped foam edge; photo frames with one large cut corner. Do not use purple to white gradients, stock icon cards or a centred hero with two buttons. Copy is short and concrete. Ask me for prices per size, hours, address, protection claims and crew; never invent them or any reviews, and leave marked placeholders. One primary action, book a wash, repeated in the navigation, opening, price board and booking section. Check at 390 px width, keep tap targets at least 44 px. Acceptance: no console errors, visible keyboard focus, every placeholder listed.

Car wash website design and motion

Palette

#3b20f0 primary buttons, the wordmark, the violet price, protection, review and booking grounds, the menu overlay, the second line of the h1, the club price#fdf7e3 page ground, review and booking form cards, text on the violet sections, scalloped edges#160c50 body and heading text, the footer ground, the fourth protection coat, the hover fill of the primary button#ffc83d prices, the selected size, the Step tags, the club disc, the secondary button, the second protection coat, alternate review cards#d6d0ff badges, photo frame backgrounds, lead text on violet, the third protection coat, tint of the question rows#5a3ffd bubbles in the booking section, the size switch border, icon button hover and the menu close button#4b4386 paragraph text on cream sections and review footers

Fonts

Instrument Sans: bold condensed (weight 700, width 75%) for headings, prices, step titles, review quotes and the italic wordmark and menu title
Rethink Sans: body text at weight 400, labels at 600 and buttons at 700, in one variable font file

Photo frames keep one large cut corner, 120 to 160 pixels on a wide screen, with a 30 pixel radius on the others. Cream and violet sections alternate, and nine sections start with a scalloped foam edge drawn in CSS. Content sits in a column up to 1240 pixels wide. Prices are a dashed row board, protection is four stacked coloured cards, and crew portraits are arched pillars of different heights.

This car detailing website design puts yellow on the prices, the selected vehicle size, the step tags on the photos and the Wash Club disc. Violet and cream grounds alternate down one long scroll, and buttons fill from below with a scalloped edge on hover.

Every value of this car wash website design, with the type scale, spacing and the motion rules, is in its DESIGN.md file (Google's format), ready for a coding agent or Stitch.

What is on the car wash website page

Navigation
Floating pill bar with a menu button, the wordmark, a booking button and a call button; full-screen menu with nine links
The bar slides in from above on load and tucks away after about 24 pixels of downward scroll, returning on upward scroll.
Two buckets. Zero swirls.
One screen: the h1 with a short paragraph and two actions on the left, a tall rounded photo of a snow-foamed car on the right
On load the two h1 lines rise in turn, then the paragraph and buttons, and the foam photo settles up into place.
How a wash goes
Five wash steps with timings, next to a held window where each step's photo rises over the last
The photo window stays in view while the five steps pass; each next photo rises over the last behind a cream scalloped edge while the other steps dim.
The wash menu
Violet price board of six services whose prices change with a vehicle size switch
The heading and six price rows spring up once as they scroll in; picking a vehicle size swaps all six prices at once.
Inside, too
A heading with a booking button held on the left while five interior photos slide across from the right
The heading stays on the left while the five interior cards slide right to left as you scroll.
Gloss that lasts the winter
Four coats of paint protection with prices from, beside two overlapping photos
The four coats start pressed into one tilted slab and spread into the list, while the two photos drift past each other and catch a light sweep.
The people with the mitts
Four team portraits with names, roles and one line each
The heading and then each of the four portraits spring up once, and a light band crosses each photo.
What Sheffield says
A rating line and eight review cards in two rows sliding in opposite directions
The two rows of review cards slide sideways in opposite directions as the section crosses the screen.
The Wash Club
Yellow disc that grows into the ground behind the Wash Club offer: price, four perks and two buttons
A scalloped yellow disc grows from a small turned shape until it fills the section while the offer rises out of it.
Before you come
Five questions and answers (native <details>)
The heading and each question spring up once on arrival; answers open as native details elements.
Book a wash
Violet booking ground with drifting bubbles, the address, hours and contacts, and a booking form
Three layers of bubbles drift upward at different speeds while the form card straightens out of a slight tilt.
Footer
Wordmark with a line, section links, address and phone, social links and the copyright line
The four footer blocks spring up once as they scroll in.

Before you publish the car wash website site

Replace social preview image, favicon, phone number, email address, contact form (sends nothing yet) and social media links and the invented demo facts (prices, dates, addresses). AGENTS.md lists them.
Book a wash button in the top bar, Book a slot button in the opening, Book a valet, Ask about protection and Join the club buttons lead to #book, the booking form near the end of the page now; point them to your online booking page if you take bookings there, or keep #book once the form is connected.
Call the bay button in the top bar and the phone links in the questions, booking and footer sections lead to a tel: link to the demo number now; point them to your bay's phone number as tel:+44....
See how a wash goes link in the opening lead to #method now; point them to keep it.
Instagram and Facebook links in the footer lead to the instagram.com and facebook.com home pages now; point them to your profile addresses.
Request a slot button in the booking form lead to submits the form to nothing; a script shows a thank-you line and resets the fields now; point them to a form service (Formspree, Netlify Forms) or your booking system.
The booking form sends nothing: the button only shows the thank-you line, so connect a form service or your booking system before publishing.
Leftovers of a removed first screen: the stylesheet still carries rules and looping keyframes for a violet hero (#wash .wash__one, its pattern, rating, badge, two photos and foam rows), and the motion script an unused bubble pop-up function (popBubbles) and a data-loop observer; no markup uses them, so they can be deleted.

Questions about this car wash website template

Is this one of the free car wash website templates, and can I use it for a client's valeting business?

Yes. It is one index.html under the MIT license, so you can ship it for a client at no cost. GSAP, ScrollTrigger and Lenis load from jsDelivr, fonts come from Google Fonts, there is no build step and no CMS, and CREDITS.md lists the Unsplash photos.

Can it work as a car detailing website for paint correction and ceramic coating?

Yes. The protection section lists four coats with from prices: decontamination, machine polish, sealant and ceramic coat, each with a sentence. Rename them to your own packages. The sealant and ceramic durations are demo claims, so replace them with what your products really do.

How do customers book, and does the form send anything?

The booking form asks for name, mobile, vehicle size, service, day and a note, and requires name and mobile. As shipped it sends nothing: it shows a thank-you line and clears the fields. Connect Formspree or Netlify Forms, or link the buttons to your booking system.

How do I give this template to an AI agent?

Download index.html and AGENTS.md into one folder, open it in Claude Code, Cursor or Codex, and paste the prompt from this page. In Lovable, v0 or Bolt, paste the car wash website design prompt below; Base44 can copy its look from the demo link. Give the agent your prices and hours, and have it ask for missing facts.

What must I keep when I change the prices, steps or photos?

Keep the three data attributes on every price, because the size switch reads data-small, data-family and data-large. Keep five steps for five method photos, the section ids and the classes AGENTS.md lists. Remove each data-8b-placeholder once the real value is in.

Can I get a site like this without editing code?

Yes, with 8B's AI website builder. You describe the site in a sentence and its engine designs a new site, its own design and not this template. Designing and restyling are free; hosting with SSL, HTML export and AI edits in chat are on Pro at $9 a month billed yearly. It also runs inside Claude and ChatGPT.

Not a car wash website? More free templates