From Browsers to the Metaverse
Lead Front-end Engineer @ Quixel
UI/UX Enthusiasts π¨βπ¨
Front-end developers π»
Not just front-end developers π‘
Pretty standard π€
Web Apps are the norm
Tons of Frameworks
Tons of Frameworks
Tons of Frameworks
And Powerful Tools
Getting better and better π
Popular Frameworks
React Native
Flutter
Lots of Apps
React Native
Flutter
Web Apps with super powers πͺ
The Frameworks
Electron
Tauri
π₯
The Frameworks
Electron
Tauri
π₯
Not just third party apps π
Source βΒ Jim Nielson
Iterating over UI is blazingly fast π₯Β
Web UI progression in its full glory
Web-Based Marketplace
Web-Based Marketplace
- NextJS (React)
- JavaScript & TypeScript
- Redux / Zustand
- SWR
Desktop-Based Marketplace
- Written in Electron
- React-based Web App
- JavaScript & TypeScript
- Redux
- Native features
- One click exports to Content tools
Task β bring library inside of Unreal Engine
Integrated Plugin Marketplace
- Unreal Engine is written in C++ π¬
- Bridge is Electron/React π
- Embedding Electron inside of UE β
- Limited time β³
- Limited expertise in C++ / UE π§
WebBrowser Widget in UE
CEF (Chromium Embedded Framework)
β Load up web apps in UE5
β Call C++ code from JS
β Call JS code from C++
Started with
β Native features (Downloads/D&D)
Background Service (Node JS)
β Β Downloads
β Β Library Management
β Β Analytics & other services
Socket.IO
Background Service (Node JS)
Tech Stack
Tech Stack
Pretty non-standard!
But works really well!
Tech Stack
Pretty non-standard!
But works really well!
Bonus β iterate over UI independently!
Common Design System
Shared Components Library
Storybook
Write Once
Use Everywhere
It's going to be UGC centric π―
Marketplaces
Possibly the next step!
The tech is not new
Web in 3D already exists
Non Standard
Not limited to a single UI domain
Mix and matchΒ
Web UI can be integral
It'll be magical! πͺ
- Visit us in the exhibition area
- Visit https://futurefest.quixel.com
Thank you!Β