⬡ Vertex — Online 3D Model Viewer

A browser-native 3D model viewer — drag, drop, and explore .glb, .gltf, .obj, .fbx, and .stl files with no installs required.

Features

• Drag-and-drop upload or open via file picker / URL
• Orbit controls — rotate, pan, zoom (mouse & touch)
• Environment lighting — HDRI presets (Studio, Sunset, Forest, Night)
• Wireframe mode, material inspector, screenshot export
• Responsive · Dark/Light theme

Tech Stack

Framework	Next.js 15 (App Router)
3D Engine	Three.js r175
Styling	Tailwind CSS 4
Loaders	GLTFLoader, OBJLoader, FBXLoader
Deployment	Vercel

Getting Started

git clone https://github.com/your-username/vertex.git
cd vertex
npm install
npm run dev

Open http://localhost:3000.

Controls

Action	Mouse	Touch
Orbit	Left drag	1-finger drag
Pan	Right drag	2-finger drag
Zoom	Scroll	Pinch
Reset	Double-click	Double-tap

Shortcuts: W wireframe · G grid · L lighting · S screenshot · R reset · Ctrl+O open

Configuration

NEXT_PUBLIC_ALLOW_EXTERNAL_URLS=true
NEXT_PUBLIC_DEFAULT_ENV=studio        # studio | sunset | forest | night
NEXT_PUBLIC_MAX_FILE_SIZE_MB=100

Deployment

npm i -g vercel && vercel --prod

Contributing

Open an issue before submitting large PRs. Branch off main, follow existing code style, open a pull request.