ViteHTMLStarter

vite-quickstart — Vite Starter Template

By MichaelCurrin

A vanilla JavaScript/TypeScript starter template based on Vite, without any frontend framework, for quickly setting up and demonstrating Vite's build process.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

1 previews

Author preview

View sourceOpens in a new tab

Author-provided preview

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-13View source

What stands out

A quick read of the recorded project description.

Vanilla project structure, not tied to any frontend framework

Source code written in TypeScript, demonstrating Vite's TS support

During build, the entry reference in index.html is automatically rewritten and a CSS link is injected

src holds TS and CSS, index.html is the page entry, dist is the output directory

Provides tsconfig.json and a GitHub "Use this template" generation entry

Template Details

This is a starter template for a Vite app, positioned as a vanilla project that does not introduce any frontend framework, focusing on Vite itself and simplicity. The project uses TypeScript to demonstrate Vite's support for TS.

Structurally, the src directory holds TypeScript and CSS source files, and index.html is the page entry point; during a build, the reference to /src/main.ts in index.html is replaced with a hashed bundle output (such as /assets/index.ad4f7fa4.js), and a CSS file reference line is automatically appended. tsconfig.json handles TypeScript configuration, dist is the build output directory containing HTML, plain JS, CSS, and image assets.

The repository provides sample.png as a preview screenshot and gives a GitHub "Use this template" entry in the README, allowing new projects to be generated from this repository. The license is MIT.

ViteHTMLStarter

Is it right for your project?

Use Cases

Need a minimal Vite starter project without a framework
Want to observe how Vite replaces the index.html reference with hashed assets after building
As a practice or example project for combining TypeScript with Vite

Suitable For

Developers who want to understand Vite's build process from scratch
Projects that prefer native HTML/TypeScript and do not introduce a framework
Users who need to quickly generate new repositories from a template

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
Generate your own repository via GitHub's "Use this template" before starting modifications
2
Source code goes in src, the page entry is index.html, and builds output to dist
3
Build output filenames include a content hash, and references in index.html are replaced during build
4
Third-party assets (such as sample images) require separate license verification; MIT covers only the code

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.

Must comply with when using

Free use, modification, commercial use, and distribution of this version's code are permitted.
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 against 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 additional charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

https://github.com/MichaelCurrin/vite-quickstart/blob/main/LICENSE https://github.com/MichaelCurrin/vite-quickstart/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-13. 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: Partly documented · 58 / 100
Technologies: Vite · HTML
Website type: 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: 2024-08-29
Screenshot last checked: 2026-10-13

No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.

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: 09c8c088b9095f315bedde9925e85aa8f105075c8d520aabd05916d1057a33cd

2026-10-13T03:46:38.664Z

Source file / repository

# Vite Quickstart
> Starter template for a Vite app

[![GitHub tag](https://img.shields.io/github/tag/MichaelCurrin/vite-quickstart?include_prereleases=&sort=semver&color=blue)](https://github.com/MichaelCurrin/vite-quickstart/releases/)
[![License](https://img.shields.io/badge/License-MIT-blue)](#license)


## Preview

<div align="center">
    <img src="/sample.png" alt="Sample screenshot" width="500">
</div>

<br>

<div align="center">

[![Use this template](https://img.shields.io/badge/Generate-Use_this_template-2ea44f?style=for-the-badge)](https://github.com/MichaelCurrin/vite-quickstart/generate)

</div>



## About

For links and info, see [Vite](https://michaelcurrin.github.io/dev-resources/resources/javascript/packages/bundlers/vite.html) in Dev Resources.

This project is a vanilla app (no frontend framework), to keep the emphasis on Vite and simplicity. And uses TypeScript to showcase that feature.

### Structure

- [src](/src/) for TypeScript and CSS.
- [index.html](/index.html) for webpage. When the build runs, the reference to `/src/main.ts` will be replaced with `/assets/index.ad4f7fa4.js` and a line will be added for the CSS file.
- [tsconfig.json](/tsconfig.json) for TypeScript.
- `dist` - output directory for HTML and assets (plain JS, CSS, and images).


## License

Released under [MIT](/LICENSE) by [@MichaelCurrin](https://github.com/MichaelCurrin).

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

react-starter-kit

A full-stack SaaS monorepo starter built on Vite and React, with Bun, TypeScript, tRPC, Drizzle ORM, Better Auth, Stripe, and Cloudflare Workers. It includes email OTP, passkey, Google OAuth, organizations, subscription billing, Drizzle migrations, seed scripts, and Terraform infrastructure.

Vite · SaaS

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

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