ViteStarter

vite-starter — Vite Starter Template

By thirdweb-example

A Vite-based starter template for thirdweb onchain applications, with thirdweb and Vite preinstalled and configured, and a built-in ConnectButton for connecting user wallets.

Open Source Site Download Source ZIP

Explore the design

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

2 previews

Desktop homepage1 / 2

Visit websiteOpens in a new tab

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-03View source

What stands out

A quick read of the recorded project description.

thirdweb and Vite are preinstalled and configured, reducing initial setup steps

Built-in ConnectButton for connecting user wallets and onboarding into the application

Provides a template generation method via the thirdweb create command (npx thirdweb create app --vite)

Includes scripts for local development, production build, and previewing the build

Licensed under Apache-2.0, allowing free use, modification, commercial use, and distribution

Template Details

This is a starter template for building onchain applications, using Vite as the tech stack and pre-integrating thirdweb. The capabilities listed in the repository description focus on two points: thirdweb and Vite are preinstalled and configured to reduce initial setup steps; the template includes a built-in ConnectButton to onboard users into the application (connect wallets).

In terms of usage, the template can be generated via the thirdweb CLI create command (npx thirdweb create app --vite), or you can install dependencies locally, start the development server, build for production, and preview the build output. Before running, you need to provide a CLIENT_ID environment variable in a .env file; see thirdweb's client documentation for how to create it.

Regarding licensing, the repository uses Apache-2.0, allowing free use, modification, commercial use, and distribution, provided the license is included and relevant notices are retained when distributing. Third-party assets outside the template code, such as demo images, fonts, and icons, as well as external services like domains and hosting, need separate verification and incur their own costs.

ViteStarter

Is it right for your project?

Use Cases

Quickly starting an onchain frontend project that needs wallet connection with Vite
Needing a minimal runnable UI skeleton when thirdweb client configuration is already in place
Using as a sample project to learn how thirdweb and Vite work together
Replacing page content on top of the template to build a custom onchain application interface

Suitable For

Frontend developers who need a Vite + thirdweb starter template
Onchain application projects that want to use ConnectButton directly for wallet connection
Teams that want to generate a project skeleton via the thirdweb CLI

Getting started & customization

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

1
Configure the CLIENT_ID environment variable in a .env file; see thirdweb client documentation for how to create it
2
Generate the template with npx thirdweb create app --vite, or clone the repository and run yarn to install dependencies
3
Use yarn dev for development, yarn build for production build, and yarn preview to preview the build
4
When distributing, include the Apache-2.0 license and prominently mark modified files
5
Third-party assets such as demo images, fonts, and icons, as well as external services like domains and hosting, require separate license and cost verification

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the Apache-2.0 license from the public repository; the free scope applies to that version's code and does not imply that external services or third-party assets are free.

Must comply with when using

Free use, modification, commercial use, and distribution are permitted; when distributing, include the Apache-2.0 license.
Modified files must be prominently marked, and relevant copyright, patent, trademark, and attribution notices must be retained.
If the original project includes a NOTICE file, retain applicable attribution notices when distributing derivative works.
The license includes an applicable contributor patent grant; initiating patent litigation as described in the license terminates that patent grant, and no trademark rights are granted.
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

Before running, you must configure the CLIENT_ID environment variable in .env; this value must be created according to thirdweb client documentation and is an external service credential requirement.
Template generation depends on the thirdweb CLI (npx thirdweb create app --vite), requiring internet access to thirdweb services and documentation.
Demo images, fonts, icons, and other third-party assets must be verified under their respective licenses; they cannot be judged solely by the code's Apache-2.0 license.
External services such as domains, hosting, databases, payments, or AI may incur additional charges.

View Original Text Basis

no-charge, royalty-free, irrevocable copyright license
Original License Text

To run this project, you will need to add the following environment variables to your .env file: `CLIENT_ID`
Original README

Install the template using [thirdweb create](https://portal.thirdweb.com/cli/create)
Original README

https://github.com/thirdweb-example/vite-starter/blob/main/LICENSE.md https://github.com/thirdweb-example/vite-starter/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-03. 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 · 72 / 100
Technologies: 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: 2024-06-12
Screenshot last checked: 2026-10-03

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.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 932394e82430a13b9f515ed2f815fa5c6b66c86740593a42439f56140bda2470

2026-10-03T02:47:34.566Z

Source file / repository


![tw-banner](https://github.com/thirdweb-example/vite-starter/assets/57885104/cfe2164b-b50b-4d8e-aaaa-31331da2d647)

# vite-starter

Starter template to build onchain applications with [thirdweb](https://thirdweb.com) and [vite](https://vitejs.dev/). 

## Features 

- thirdweb & vite pre-installed and configured to reduce setup steps
- ConnectButton to onboard users to your application

## Installation

Install the template using [thirdweb create](https://portal.thirdweb.com/cli/create)

```bash
  npx thirdweb create app --vite
```

## Environment Variables

To run this project, you will need to add the following environment variables to your .env file:

`CLIENT_ID`

To learn how to create a client ID, refer to the [client documentation](https://portal.thirdweb.com/typescript/v5/client). 

## Run locally

Install dependencies

```bash
yarn
```

Start development server

```bash
yarn dev
```

Create a production build

```bash
yarn build
```

Preview the production build

```bash
yarn preview
```

## Additional Resources

- [Documentation](https://portal.thirdweb.com/typescript/v5)
- [Templates](https://thirdweb.com/templates)
- [YouTube](https://www.youtube.com/c/thirdweb)
- [Blog](https://blog.thirdweb.com)

## Need help?

For help or feedback, please [visit our support site](https://thirdweb.com/support)

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