DEV Community

hey atlas
hey atlas

Posted on

I built 6 free one-file website templates for local businesses, each with a working widget, no React, no DB

Over the last few weeks I built and open-sourced 6 free, single-file website templates for local service businesses. Every one is a single index.html (HTML + vanilla CSS + a little vanilla JS) with a working lead widget baked in — booking, reservations, free-trial sign-ups, or an instant-quote estimator. No React, no build step, no database, no monthly SaaS fee. Drop the file on any host (or just double-click it) and it works.

I just put all six in one gallery so you can pick your industry in a few seconds: https://aitoolsinsiderhq.com/free-website-templates/

Why one file, no framework?

Local business owners don't need a Next.js app. They need a fast, mobile-friendly page that loads instantly, ranks, and lets a customer book without a third-party widget that costs $30/mo. So the constraints I set myself:

  • One file. The entire site is index.html. No bundler, no node_modules.
  • No dependencies. No React, no jQuery, no CDN that can go down.
  • A real lead flow. Each template ships with a working widget that validates input and hands off to WhatsApp / email — no Calendly subscription required.
  • Editable by a human. Colors, hours, services, and prices are plain values near the top of the file.

The 6 templates

1. Salon / barbershop

A booking-first layout: services grid, stylist picker, and an appointment widget.
https://aitoolsinsiderhq.com/free-salon-website-template/

2. Restaurant

Menu sections, hours, and a table-reservation widget (party size + date + time).
https://aitoolsinsiderhq.com/free-restaurant-website-template/

3. Gym / fitness studio

A 3-tier membership strip plus a free-trial-class booking flow.
https://aitoolsinsiderhq.com/gym-website-template/

4. Dental clinic

A trust-forward clinic layout with an appointment-request widget.
https://aitoolsinsiderhq.com/free-dental-website-template/

5. Auto repair / mechanic

A services list, trust badges, and a service-booking widget (vehicle + issue + drop-off time).
https://aitoolsinsiderhq.com/free-auto-repair-website-template/

6. Cleaning service

The newest one, and my favorite: a live instant-quote estimator (home size + rooms + frequency, computes a price on the spot) that hands off to WhatsApp / email.
https://aitoolsinsiderhq.com/free-cleaning-website-template/

How the widgets work (the shared core)

All six share the same tiny no-backend pattern, roughly:

// generate the next 14 days, skip closed days, render slots
const slots = [];
const now = new Date();
for (let d = 0; d < 14; d++) {
  const day = new Date(now.getTime() + d * 864e5);
  if (CLOSED_DAYS.includes(day.getDay())) continue;
  OPEN_HOURS.forEach(h => slots.push({ day, hour: h }));
}
// on submit: validate, then hand off to wa.me / mailto with a prefilled message
Enter fullscreen mode Exit fullscreen mode

No backend needed — the submit builds a prefilled WhatsApp (wa.me) or mailto: link, so the business gets the lead on a channel they already check. Swap that handoff for a real endpoint if you want to store data.

Grab them

All six are in the gallery: https://aitoolsinsiderhq.com/free-website-templates/ — each has a live demo and an open-source repo you can fork. Free to use for your own business or a client's. If you build something with one, I'd love to see it.

Top comments (0)