vite-three-js
Boilerplate template designed to quickly bootstrap a 3D Web App, SPA, website or landing page with Three.JS, GLSL, Vite, TailwindCSS, ESLint, Husky and much more in just 30 seconds.
javascripttemplateboilerplatewebglthreejsjsshadersboilerplate-templateglslvanilla-javascriptvanilla-jsthree-js
Preview
Overview
This boilerplate helps front-end engineers ship fast with Three.JS WebGL applications using Vite, TailwindCSS, SASS and modern development tools like ESLint, Prettier and Husky. It comes pre-configured for both Vite and Webpack with TypeScript and JavaScript variants, eliminating setup time and providing a foundation for building interactive 3D web experiences.
Features
three-js-3d-renderingwebglglsl-shadersvite-build-tooltailwindcss-stylingsass-preprocessingpostcss-transformationeslint-lintingprettier-formattinghusky-git-hookscommitlint-commit-conventionsplaywright-e2e-testingtypescript-supportreact-variantvanilla-javascript-variant
Feature Flags
bloglandingpagepaymentsecommercerealtimenotificationsformsValidation
Recommended Use Cases
3d-web-applicationswebgl-websitesinteractive-landing-pages3d-visualizationsweb-based-3d-experiences
Frontend
three-jsvitetailwindcsstypescriptreactvanilla-javascript
Backend
None
Auth Providers
None
Deployment Targets
None
Payment Providers
None
Quick Facts
Stack
Framework
three-js
Language
javascript
CSS
tailwindcss
Testing
playwright
CI
husky, commitlint
Data Layer
UI Stack
Styling
tailwindcss
Developer Experience
Docker
No
Tests
Yes
Quickstart
Yes
env.example
No
CI
husky, commitlint
Pricing
Classification
free
Selected
—
Notes
Open source MIT licensed template