godot-webview

The HTML rendering engine for Godot

Download the demo

Render WEB CONTENT at a fluid 60fps

introducing a performant webview for Godot 4

a shadertoy rendered at 4K on a MeshInstance3D plane inside Godot 4.4

native browser

This webview uses Qt to render Chromium to a texture, resulting in a smooth presentation that immediately responds to user interaction.

Supported platforms

Windows, MacOS, Linux.
Vulkan, Metal.

See: Downloads

Easy installation

Distributed as a GDExtension, unpacking/extracting the addon is all that is required.

Extensive API

Programmatically control the webview via a well-documented API; browser navigation, user agent, page zoom, change resolution, scrollbar visibility, and more.

the webview node

Features

  • Visit any website without stutter/lag
  • Load by URL, string, or from the Godot resource system (i.e res://assets/index.html)
  • Create (or destroy) multiple webviews, at runtime
  • Texture(s) stay on the GPU, no pixel copying
  • Apply the texture to any mesh via StandardMaterial3D or fullscreen with TextureRect
  • Transparency
  • Forward keyboard events, sequences, mouse movements, and clicks
  • Call JavaScript from GDScript*
  • Register and trigger GDScript signals from JavaScript*
  • Hardware accelerated
  • Configurable persistant storage (cookies, cache)
  • Sound 🔊

* being worked on, coming soon

Showcase

thumbnail

Transparency

RGBA8 texture rendered at 4k. Transparency is achieved via CSS.

Ubuntu 22.04 Vulkan, amd64
thumbnail

Mouse & Keyboard

Forwarding mouse & keyboard events.

Ubuntu 22.04 Vulkan, amd64
thumbnail

Stress test

20 webviews each rendered at 2k with a variety of websites.

Windows 10 Vulkan, amd64
thumbnail

QtQuick

Rendering a QtQuick (QML) scene.

Mac M1 mini Metal, arm64

Benefits

Web frameworks

Leverage existing web frameworks like React, VueJS for UI.

Fast development cycle

Creating UI components with Godot is generally time consuming, and requires specific knowledge.

Accessible

HTML is straightforward technology - easy to work with.

Existing tools

Use established tools for web development.

try the demo

Get started