DEV Community

Jak s
Jak s

Posted on

I built 26 free HTML templates across 12 industries — no npm, no build step, just open and ship

I've been building client projects for years and kept running into the
same problem: free templates either require a full framework setup or
look like they were made in 2015.

So I spent the last few months building my own collection from scratch.

What I built

26 free HTML templates across 12 industries:

-E-commerce (fashion store, Indian boutique, luxury perfume, tech shop)
-SaaS & App landing pages
-Agency & marketing
-Business & startup
-Restaurant & fine dining
-Medical & dental
-Real estate
-Education & LMS
-Fitness & yoga
-Photography portfolio
-Developer portfolio
-Blog

Every template is a single .html file. CSS and JS are inlined.

No Node.js. No npm install. No Webpack. No Vite. Just open the file
in a browser and it works.

Built with Tailwind CSS (via CDN) and vanilla JavaScript.

A few highlights

The L'Élixir Perfume Store has a cinematic intro screen,
physics-based floating scent bubbles, a canvas particle spritz effect,
and a personality quiz — all in one HTML file.

The Amara Indian Boutique has a full cart drawer, quick-view modal,
size guide, and custom consultation form.

Tech used

  • Tailwind CSS v3 (CDN)
  • Vanilla JavaScript
  • Lucide Icons
  • Google Fonts
  • HTML5 Canvas for animations

Where to find it

Live gallery: https://templates.jack-codes.com

GitHub: https://github.com/jakscoduxdev-netizen/website_templates

All MIT licensed. Free for personal and commercial use.

Happy to answer questions about how any of them were built.

Top comments (2)

Collapse
 
dipu_sardar_28de8c052c74f profile image
DIPU SARDAR

This is Awesome.

Collapse
 
jak_s_765bff302f0b7674066 profile image
Jak s

Thank you :)