3D and CGI Studios - Template

3D work should be seen in depth. Render places your projects along a corridor and moves the camera through it as the visitor scrolls: frames grow, pass the focal plane and slip behind, and the pointer steers the view.

Signature interaction. A camera dolly through project frames placed in CSS 3D space, pinned to the scroll, with pointer steering. No WebGL needed.

Features

• Corridor of work. Scroll moves the camera through your projects in real depth.
• Pointer steering. The view turns a few degrees toward the pointer, the focal frame is named.
• Capability tiles. Six services on tiles that tilt toward the cursor.
• Pipeline rail. Your process as a horizontal rail that snaps stage by stage.
• Quotes that turn. Client quotes on cards that flip to show who said them.
• Project pages. Hero, project facts, brief and a numbered breakdown of layers.

What's included

• A home page and 8 project pages, generated from one content file
• Every word, image, link and colour in content.json, so no code changes are needed to make it yours
• README and a buyer guide for editing, building and deploying
• The Studio Engine: Vite, TypeScript, smooth scrolling and animation
• Self-hosted open licence (OFL) fonts and generated placeholder images
• QA notes with the test results

Built right

• Lighthouse mobile 97 to 100 performance, 100 accessibility, best practices and SEO
• Keyboard accessible, works without JavaScript and respects reduced motion
• About 60 KB of JavaScript gzipped
• Deploys as static files to any host