Skip to main content

​
Build interactive games in your browser

G3Engine is a zero-code, browser-based game engine that lets you create interactive 2D and 3D games using drag-and-drop tools. Built on Three.js and React Three Fiber, it combines professional-grade 3D rendering with an intuitive visual interface.

Quick start

Create your first game scene in under 5 minutes

Installation

Set up the development environment

Web3 integration

Add multi-chain wallets with one click

Publishing

Deploy to Twitter, Telegram, and the web

​
What makes G3Engine different?

​
Canvas-first design

The 3D viewport occupies 100% of your screen with floating glassmorphic panels that get out of your way. The interface feels like modern creative tools like Spline or Figma, with every pixel optimized for your creative flow.

​
Zero-code visual scripting

Connect “Keyboard Input” nodes to “Move Character” nodes using simple bezier curves. No JavaScript required. The node-based system compiles to performant game logic automatically.
The visual scripting system uses React Flow under the hood and supports event nodes, action nodes, and Web3 nodes.

​
One-click Web3 integration

Enable the Web3 toggle and a wallet connection UI appears automatically. Your players can connect with Solana or EVM wallets natively - no browser extensions required thanks to embedded wallets.

​
Social-first publishing

Export your game as a Twitter Player Card that runs directly in timelines, or as a Telegram Mini App. Your scene is serialized to JSON and uploaded to Arweave for permanent, decentralized hosting.

​
Core features

Drag primitives (cubes, spheres, cylinders) from the asset library into your viewport. Use transform gizmos to position, rotate, and scale objects. All objects support PBR materials with adjustable roughness and metalness.
Press the Play button (or spacebar) to instantly test your game logic. The UI tucks away and you can playtest in the browser. Press Stop to return to the editor.
The left panel shows a tree view of all objects, lights, and cameras in your scene. Click any object to select it and edit its properties in the right inspector panel.
  • W - Move tool
  • E - Rotate tool
  • R - Scale tool
  • Space - Play/Stop
  • ⌘Z - Undo
  • ⌘⇧Z - Redo
  • Delete - Remove object
  • ⌘D - Duplicate object

​
Tech stack

G3Engine is built with modern web technologies:
  • Next.js 16 with App Router for server-side rendering and social metadata
  • Three.js and React Three Fiber for declarative 3D rendering
  • @react-three/drei for transform controls and helper components
  • @xyflow/react (React Flow) for visual scripting nodes
  • Zustand for central state management
  • Solana Web3.js and Wallet Adapter for blockchain integration
{
  "dependencies": {
    "@react-three/drei": "^10.7.7",
    "@react-three/fiber": "^9.5.0",
    "@solana/web3.js": "^1.98.4",
    "@xyflow/react": "^12.10.1",
    "next": "16.1.6",
    "react": "19.2.3",
    "three": "^0.183.2",
    "zustand": "^5.0.11"
  }
}

​
Next steps

Create your first scene

Follow the quickstart guide to build a simple 3D platformer

Set up your environment

Install dependencies and run the dev server

Build docs developers (and LLMs) love

Get started for freeTalk to us