Builds interfaces with Vue 3 and JSX syntax rather than single-file components
VueViteStarter
vue-spa-starter — Vue Starter Template
By whyti-co
A single-page application starter template based on Vue 3, TypeScript, and Bun, using JSX syntax and integrating Tailwind CSS, DaisyUI, i18n, route guards, and platform adapters, with interactive examples.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-17View source
What stands out
A quick read of the recorded project description.
TypeScript strict mode with Bun runtime/package manager
Integrates Tailwind CSS v4 and DaisyUI v5 with dark/light theme support
Includes i18n (ICU message syntax), route guards, and Pinia persisted state
Provides iOS-style page transitions, multi-step modals, and bottom navigation
Platform adapters cover browser, TMA, and PWA; the plugin architecture supports tree-shaking
Template Details
vue-spa-starter is a starter template for single-page application development; its README lists its technology stack and features. The template uses Vue 3 with JSX syntax (rather than single-file components), enables TypeScript strict mode, uses Bun as the runtime and package manager, and uses Vite (via rolldown-vite) as the build tool. For styling, it integrates Tailwind CSS v4 and DaisyUI v5 and supports dark/light theme switching. Features include i18n based on ICU message syntax, iOS-style page transitions, a modal system supporting multi-step flows, bottom dock navigation, route guards (authentication and validation), Pinia state management with persistence, a plugin architecture supporting tree-shaking, and platform adapters for browser, TMA, and PWA. The template also comes with an interactive example library. The README provides quick-start commands and script descriptions but does not document in detail how each feature is implemented or how to configure it.
VueViteStarter
Is it right for your project?
Use Cases
- Quickly starting a single-page application project that uses Vue 3 and JSX
- Developing with the Bun runtime and TypeScript strict mode
- Mobile-style applications that need built-in i18n, route guards, and state persistence
- Project prototypes planned for browser, TMA, or PWA multi-platform adaptation
Suitable For
- Front-end developers familiar with Vue 3 and TypeScript
- Teams that prefer JSX syntax over single-file components
- Single-page application projects that need mobile navigation and transition effects
- Developers who want to reference the plugin architecture and platform adapter design
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Use Bun as the package manager; run bun install to install dependencies
- 2
Run bun run dev to start the development server
- 3
Run bun run build to type-check and build the production version
- 4
Run bun run preview to preview the production build
- 5
Run bun run check to perform formatting, linting, and import organization
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of that version 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, used commercially, and distributed free of charge.
- When distributing copies or substantial portions of the code, the original author's copyright notice and the complete MIT license notice must retain.
- The code is provided as-is; warranty and liability limitations 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 separate charges.
View Original Text Basis
https://github.com/whyti-co/vue-spa-starter/blob/main/LICENSEhttps://github.com/whyti-co/vue-spa-starter/blob/main/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-17. 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
- Vue · Vite
- 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
- 2026-01-07
- Screenshot last checked
- 2026-10-17
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 Vue 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: codex-user-requested-batch-review-20261018 · 2026-10-18
Inspect the recorded source material
SHA-256: cd6f1727556369b685053a9265b5a672a9ea920bbd3c32b7773ce170466e5470
2026-10-17T05:44:50.431Z
Source file / repository# Perfect App Template  ## Features - Vue 3 with JSX syntax - TypeScript strict mode - Bun runtime - Tailwind CSS v4 + DaisyUI v5 - Dark/light theming - i18n with ICU message syntax - iOS-style page transitions - Modal system with multi-step flows - Bottom dock navigation - Route guards (auth, verification) - Pinia stores with persistence - Plugin architecture with tree-shaking - Platform adapters (Browser, TMA, PWA) - Interactive examples library ## Quick Start ```bash bun install bun run dev ``` ## Scripts - `bun run dev` - Start dev server - `bun run build` - Type-check and build for production - `bun run preview` - Preview production build - `bun run check` - Format, lint, and organize imports ## Tech Stack - **Bun** - Runtime and package manager - **Vue 3** - JSX syntax (not SFCs) - **TypeScript** - Strict mode - **Vite** - Build tooling (via rolldown-vite) - **Tailwind CSS v4** + **DaisyUI v5** - **Biome** - Formatting and linting - **Vue Router** - Routing - **Pinia** - State management - **FormatJS** - i18n
Explore similar templates
Compare previews and descriptions within the same stack and category.
vitesse
Vitesse is an opinionated Vite + Vue 3 starter template maintained by antfu-collective, offering file-based routing, component and API auto-import, Pinia, UnoCSS, PWA, i18n, Markdown, vite-ssg, TypeScript, Vitest, and Cypress.
Vue · Starter
vitesse-webext
vitesse-webext is a Vite-powered WebExtension starter template using Vue 3 and TypeScript, with built-in popup, options, and content script examples. It targets Chrome and Firefox, integrates webextension-polyfill, webext-bridge, UnoCSS, VueUse, and unplugin tools, and supports hot reload during development.
Vue · Starter
laravel-vue-spa
A Laravel + Vue SPA starter kit for quickly building a decoupled web application skeleton. It includes login, registration, email verification, and password reset flows, uses JWT for authentication, and integrates Laravel Socialite with GitHub as an example provider.
Vue · Starter
vue3-h5-template
A mobile H5 starter template built on Vue3, Vite, and Vant4, with TypeScript by default and JavaScript and i18n branches.
Vue · Starter
tov-template
tov-template is an MIT-licensed Vite + Vue 3 + TypeScript starter maintained by dishait. It bundles file-based routing, layouts, Mock, auto-imports, UnoCSS, Pinia, vue-request, Vitest, i18n, dark mode, Dockerfile, and engineering scripts.
Vue · Starter
shadcn-vue-landing-page
A Vue + Shadcn-Vue + TypeScript + Tailwind landing page template with sections like Navbar, Hero, Pricing, FAQ, Team, and Contact, plus dark mode and responsive layout.
Vue · Corporate Website