Components
Craftpix
Layers
Loading Craftpix pack…
45%
Click to place — Esc to cancel
Design
Props
Scene
Deploy
AI
Resolution
Theme
Hydra Dark
Fantasy
Cyberpunk
FPS
Mode
Main Panel
Canvas UI
HUD
Grid & Snap
Grid
Snap to Grid
Snap Sizepx
Examples
Danger Zone
Export Targets
Standalone HTML
Single file, works anywhere
Unreal Engine 5
CEF WebUI overlay
U
Unity WebGL
WebGL overlay + bridge
GDevelop
HTML layer for GDevelop
Grudge Bundle
HTML + scene JSON + fleet manifest
Scene Data
Save Scene JSON
Re-import into Studio
Load Scene JSON
Restore a saved layout
Integration Notes
UE5 WebUI: Add widget to viewport, set URL to file:///…/ui.html. Enable CEF in Project Settings.

Unity WebGL: Place HTML in Assets/WebGLTemplates/. Use jslib bridge for game→UI events.

GDevelop: Use the External HTML layer extension, point to exported file.

Web/Vercel: Drop the HTML file into your project root and link from your game's HUD layer.
AI Handoff
Exports include a machine-readable <!-- HYDRA AI HANDOFF --> block with full component schema, layout intent, and re-import JSON so any LLM can understand and modify the UI without the editor.
Grudge AI
Select
0, 0
0 components
1920 × 1080
← UI Kit
Hotkeys