Experience every seat before match day.
StadiView is an interactive, procedural 3D football stadium concept. Explore the stadium, select from thousands of generated seats, and fly into a first person preview of the view from each one.
Note
StadiView is a concept demo. The fixture, prices, seat availability, checkout, and other ticketing data are simulated; no real tickets are sold through this project.
- A fully procedural stadium with no imported 3D models
- Thousands of individually selectable seats rendered efficiently with instancing
- Animated camera flights and first person seat views
- Generated seat previews, pricing, availability, tiers, blocks, and benefits
- Animated players, ball, crowd, lighting, scoreboards, and pitch side displays
- Stadium overview, mini map, orbit controls, keyboard support, and reduced motion handling
- A self contained experience in
index.html, powered by Three.js and GSAP
npm install
npm run devThen open the local address shown by Vite.
| Action | Control |
|---|---|
| Rotate around the stadium | Click or touch and drag |
| Zoom | Mouse wheel or on screen controls |
| Preview a seat | Click a seat |
| Look around from a seat | Drag while in seat view |
| Leave seat view | Press Esc or use “Back to stadium” |
| Confirm the demo selection | Press Enter or use “Grab seat” |
If StadiView sparked an idea or you would like to support more experimental, vibe coded projects like this, you can buy me a coffee through PayPal. No pressure. The best support is enjoying the project and sharing it with someone who might like it. ☕
StadiView is available under the PolyForm Noncommercial License 1.0.0. You may study, share, and adapt it for permitted noncommercial purposes while keeping the required copyright and license notices.
Commercial use requires a separate commercial license. This includes use in a paid product, client project, ticketing platform, stadium or club experience, or other business activity. See Commercial licensing for the next step.
This project is source available. It is not an OSI approved open source project. Third party libraries remain covered by their own licenses. See Third party notices.
Created by thebuggeddev.
Find @thebuggeddev on GitHub and @thebuggeddev on X.
Send email to thebuggeddev@gmail.com.
Copyright © 2026 thebuggeddev.