Uses Vite as the build tool and development server, with hot module replacement
ViteHTMLPortfolioBlogStarter
ohmysite-html-template — Vite Portfolio Template
By vladbesson
A pure HTML personal website starter template built on Vite and Tailwind CSS, with 8 pages including portfolio and blog.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 3
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-11View source
What stands out
A quick read of the recorded project description.
Styling based on Tailwind CSS, scripts in vanilla JavaScript (ES6+)
Includes 8 built-in pages: home, portfolio list and detail, blog list and post, generic page, full-width page, 404
Portfolio grid uses a responsive layout that can scale from 1 column to 4 columns
Blog and generic pages offer sidebar layouts, plus a full-width page without sidebar
The 2026 rewrite removed old dependencies such as Gulp, SASS, jQuery, and Slick
Template Details
ohmysite-html-template is an HTML starter template built with Vite, Tailwind CSS, and vanilla JavaScript, aimed at developers who want to build a personal website, portfolio, or blog. The repository was originally created in 2016, when it was based on Gulp, SASS, jQuery, and a partials system; it was fully rewritten in 2026, removing those old dependencies and switching to Vite as the build tool and development server, Tailwind CSS for styling, and vanilla JavaScript (ES6+) for scripts.
The template provides 8 pages: home (with a hero carousel, portfolio carousel, about section, and recent posts), portfolio list (responsive project grid, 1 to 4 columns), single project page, blog list (with sidebar), single post (with sidebar), generic page (with sidebar), full-width page without sidebar, and a 404 error page. To add a new page, create an HTML file under src/ and register the entry in rollupOptions.input in vite.config.js; the header and footer can be copied from existing pages.
The code is MIT licensed and can be used, modified, commercialized, and distributed for free, provided the copyright and license notice are retained when distributing. Third-party assets such as images, fonts, and icons appearing in the demo need to be checked separately for their licenses; external services such as domains and hosting may incur separate charges.
ViteHTMLPortfolioBlogStarter
Is it right for your project?
Use Cases
- Build a personal portfolio website to showcase a project list and individual project details
- Build a personal blog with a sidebar, including post list and post detail pages
- Use as a starter project for learning Vite and Tailwind CSS multi-page HTML structure
- Extend new static pages on top of the existing header and footer
Suitable For
- Developers who want to build a personal website using pure HTML plus a build tool
- Individuals who need both portfolio and blog page templates
- Beginners who want to reference how Vite multi-page entries are configured
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Install dependencies: npm install
- 2
Start the development server (with HMR): npm run dev
- 3
Production build outputs to dist/: npm run build; preview the build locally: npm run preview
- 4
To add a page, create an .html file under src/ and add an entry in rollupOptions.input in vite.config.js
- 5
Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version in the public repository under the MIT license; the free scope applies to that version's code, and does not mean external services or third-party assets are free.
Must comply with when using
- The code of this version may be used, modified, commercialized, and distributed for free.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis
https://github.com/vladbesson/ohmysite-html-template/blob/main/LICENSEhttps://github.com/vladbesson/ohmysite-html-template/blob/main/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-11. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 85 / 100
- Technologies
- Vite · HTML
- Website type
- Portfolio · Blog · Starter
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-09-05
- Screenshot last checked
- 2026-10-11
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Vite as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-13
Inspect the recorded source material
SHA-256: 8dfe1abf2cbecdc7f11647d1a631717e70ea232c30ef887f7b685bececb347c1
2026-10-11T14:53:28.777Z
Source file / repository# OhMySite — HTML Starter Kit This project was created back in 2016 as a simple example and starter template for beginner developers to build their personal websites. It included Gulp, SASS, jQuery, and a partials system — a standard setup of that era. In 2026, the project received a major update: the entire stack was replaced with modern tools — **Vite**, **Tailwind CSS v4**, and **vanilla JavaScript**. All legacy dependencies (Gulp, SASS, jQuery, Slick) were removed, eliminating security vulnerabilities and reducing complexity.  ## Tech Stack - [Vite 6](https://vite.dev/) — build tool & dev server - [Tailwind CSS 4](https://tailwindcss.com/) — utility-first CSS framework - Vanilla JavaScript (ES6+) ## Quick Start ```bash npm install # Install dependencies npm run dev # Start dev server with HMR npm run build # Production build → dist/ npm run preview # Preview production build ``` ## Pages | Page | File | Description | |------|------|-------------| | Home | `index.html` | Hero slider, portfolio carousel, about section, recent posts | | Portfolio | `portfolio.html` | Responsive project grid (1→4 columns) | | Project | `portfolio-item.html` | Single portfolio item | | Blog | `blog.html` | Article list with sidebar | | Post | `post.html` | Single blog post with sidebar | | Page | `page.html` | Generic page with sidebar | | Full Width | `full-width-page.html` | Page without sidebar | | 404 | `404.html` | Error page | ## Adding a New Page 1. Create a new `.html` file in `src/` 2. Add the entry to `vite.config.js` → `rollupOptions.input` 3. Copy the header and footer from any existing page ## License MIT
Explore similar templates
Compare previews and descriptions within the same stack and category.
cove
Cove is a minimal TanStack Start starter template maintained by mugnavo, integrating React, TanStack Router/Query, Tailwind CSS, shadcn/ui, Drizzle ORM with PostgreSQL, Better Auth, Vite Plus, and Nitro.
Vite · SaaS
vite-react-boilerplate
A production-ready Vite + React starter template with TypeScript, Tailwind CSS, TanStack Router/Query/Table, Storybook, React Hook Form + Zod, Vitest and Playwright testing, plus Husky/Commitizen/Commitlint commit conventions.
Vite · Starter
vital
Vital is a Vite-based React starter template using TypeScript and Tailwind CSS, with an Atomic Design component directory, path aliases and Hero Icons.
Vite · Starter
react-vite-admin
A backend management starter built on Vite and React, integrating Recoil, React Query, TypeScript, and Axios, with Ant Design-style interface screenshots. Suitable as a starting point for management-side projects, licensed under MIT, with Chinese documentation and common scripts.
Vite · Admin dashboard
typescript-react_best_practices-vite_template
A Vite + React + TypeScript starter template by CodelyTV, preconfigured with Jest and React Testing Library unit tests, Cypress end-to-end tests, ESLint and Prettier using Codely's shared configuration, GitHub Actions workflows, a Makefile, and Sass.
Vite · Starter
cloudflare-starter-kit
A Cloudflare Workers project scaffolding template maintained by kriasoft, using Vite and TypeScript, with three built-in workspaces: api, app, and edge, and preconfigured local testing, multiple environments, and a GitHub Actions deployment workflow.
Vite · Starter