Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web Engines for Embedded Devices: An Introducti...

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers.

Web Engines for Embedded Devices: An Introduction to WPE WebKit

Web technologies are everywhere and increasingly being used to build rich,
powerful and performant applications for embedded systems. For this to work
well, a Web engine needs to be available to run such applications and allow end
users to interact with them, similar to how Web browsers are necessary for users
to browse the Web.

But what does it actually take to bring a modern Web engine into a
resource-constrained environment? And why should embedded developers care?

This session will provide a high-level introduction to WPE WebKit, the Open
Source web engine specifically designed for embedded platforms.

We will cover the following points:

* What WPE WebKit is, and how it differs from desktop or mobile browsers.

* Typical scenarios where using a Web engine like WPE adds value, from connected
consumer electronics to industrial use cases.

* The benefits of leveraging Web standards in embedded products, and the
advantages of using a leading Web engine such as WebKit to that end.

* Key considerations such as performance, resources footprint, security, and
hardware integration, that should be kept in mind when evaluating Web
technologies to build high-quality and market-ready products.

This session will provide a general overview without going too much into
technical details, making it suitable for any level. The intent is to give the
audience a comprehensive idea of what WPE WebKit is and how it can help build
different kinds of embedded products using Web technologies.

Embedded World Conference 2026
March 12th, 2026
Nuremberg - Germany
https://www.embedded-world.de/en

Avatar for Mario Sánchez Prada

Mario Sánchez Prada

March 12, 2026
Tweet

More Decks by Mario Sánchez Prada

Other Decks in Technology

Transcript

  1. Web Engines for Embedded Devices: An Introduction to WPE WebKit

    Mario Sánchez-Prada Nuremberg, March 12th 2026 1 / 34
  2. About Me Software Engineer and partner at Igalia. Open Source

    contributor: GNOME, Chromium, WebKit. Other work: Linux-based OSes (e.g. Endless OS), Flatpak, Samsung Smart TV, Maemo (Nokia). Currently coordinating Igalia's WebKit team. Contact me: [email protected] Web Engines for Embedded Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 2 / 34
  3. About Igalia Specialized Open Source consultancy. Founded in A Coruña

    (Spain) in 2001. Fully remote and with a flat structure. Top contributors to the main Web Engines Second-largest contributor to WebKit after Apple. Maintainers of the two Linux WebKit ports. Other OSS work: Graphics, multimedia, compilers, Linux kernel... Members of different working groups: W3C, WHATWG, TC39, Test262, Khronos... https://www.igalia.com Web Engines for Embedded Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 3 / 34
  4. Outline 1. What Is a Web Engine? 2. What Is

    WPE WebKit? 3. Web Engines on Embedded Devices 4. Building Products with WPE WebKit 5. Conclusion Slides: Web Engines for Embedded Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 4 / 34
  5. What Is a Web Engine? Web Engines for Embedded Devices:

    An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 5 / 34
  6. What Is a Web Engine? A Web engine provides an

    implementation of the Web Platform HTML HTML Parser DOM Tree Attachment Style Rules Display DOM API Style Sheets CSS Parser Layout Render Tree Painting Fetches HTML / CSS / JavaScript content from multiple sources. Interprets the web content to create an internal representation. Produces a result that users can interact with. Web Engines for Embedded Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 6 / 34
  7. Main Web Engines Web Engines for Embedded Devices: An Introduction

    to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 7 / 34
  8. GNOME Web 49.2 + WebKitGTK 2.50.4 Web Engines for Embedded

    Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 8 / 34
  9. What Is WPE WebKit? Web Engines for Embedded Devices: An

    Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 9 / 34
  10. What Is WebKit? Open Source Web engine (i.e. LGPL, BSD)

    Main features: 🕸 Full-featured and standards-compliant implementation of the Web Platform. 🚀 Performance and stability. 🔒 Privacy and security. 🔀 Multi-process architecture (UI Process, Web Process...). 🧩 Flexible and modular architecture. 🔌 Embeddable as a top priority (i.e. stable public API). Cross-platform support: Desktop & Mobile: Mac, iOS, Windows, Linux, Android (WIP). Embedded: set-top boxes, smart home appliances, digital signage... https://webkit.org Web Engines for Embedded Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 10 / 34
  11. WebKit Architecture Application: What the end-users interact with. WebKit: Exposes

    a public API to applications and implements the multi-process model. WebCore: HTML/CSS parsing, rendering, layout, painting, network, multimedia, accessibility... Platform: Platform-specific hooks and low-level plumbing. JavaScriptCore: JavaScript engine (also supports WebAssembly). JavaScriptCore platform WebCore Application WebKit Web Engines for Embedded Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 11 / 34
  12. WebKit Ports WebKit port: adaptation of WebKit to a platform

    Official WebKit Ports (upstream ports): Mac: Safari, Apple Mail, iTunes, App Store... iOS: Web browsers on iOS devices (including Chrome). Windows: Microsoft Playwright, PlayStation SDK. PlayStation: PlayStation 4 & PlayStation 5. WebKitGTK: GNOME Web, Evolution, GNOME Builder... WPE WebKit: custom use cases for embedded devices. e.g. WebKitGTK port JavaScriptCore glib, gtk, skia, gstreamer, soup WebCore GTK Application WebKitGTK https://docs.webkit.org/Ports/Introduction.html Web Engines for Embedded Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 12 / 34
  13. What Is WPE WebKit? Web Engines for Embedded Devices: An

    Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 13 / 34
  14. What Is WPE WebKit? WPE WebKit: port of WebKit for

    Linux-based embedded devices Since 2014, originally born as "WebKit for Wayland". Shared architecture with WebKitGTK Common parts: GLib, Skia, GStreamer, libsoup, harfbuzz... Key differences: no UI toolkit, graphics stack, input handling. Focus on flexibility, security and performance Backend-based architecture for I/O e.g. graphical backends: DRM, Wayland, headless, X11, GTK4. Minimal set of dependencies, low resource footprint Platform-specific hardware acceleration ℹ️ https://wpewebkit.org Web Engines for Embedded Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 14 / 34
  15. WPE WebKit: Supported Hardware Manufacturer Representative Devices GPU Examples Drivers

    NXP i.MX 51, 53, 6, 8M Imageon Z460, Vivante GC880/GC2000/GC7000 freedreno, etnaviv, Vivante (Proprietary) Broadcom Arris VIP5202W, RPi 3/4/5 VideoCore IV/VI/VII Mesa vc4/v3d, Proprietary Qualcomm APQ8017 Adreno 306 Proprietary Nvidia Jetson TK1 Tegra K1 — RockChip RK3399 Mali T860MP4 panfrost, Mali (Proprietary) PC-style Hardware Any x86/x64 PC AMD, Intel (various) Mesa amdgpu, i965, iris Other Beaglebone PowerVR SGX530 Proprietary https://wpewebkit.org/about/supported-hardware.html Web Engines for Embedded Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 15 / 34
  16. WPE WebKit: Graphics Performance MotionMark 1.3 improvements for the 32-bit

    and 64-bit Raspberry Pi 4 Last processed revision — RPi4 32-bit: ; 64-bit: 305815@main·RPi4 305924@main Web Engines for Embedded Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 16 / 34
  17. WPE WebKit: Graphics Performance MotionMark 1.3 improvements on the 64-bit

    Raspberry Pi 4 Test Score July 2024 Score April 2025 Score October 2025 Score January 2026 Multiply 501.17 710.75 697.15 678.93 Canvas arcs 140.24 820.64 859.68 859.48 Canvas lines 1613.93 3025.16 4648.54 7508.43 Paths 375.52 4268.87 3953.83 4288.59 Leaves 319.31 480.19 684.72 673.94 Images 162.69 265.14 263.19 267.88 Suits 232.91 444.55 388.62 399.03 Design 33.79 63.99 114.09 100.24 OVERALL 254.15 634.49 737.56 778.99 Web Engines for Embedded Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 17 / 34
  18. WPE WebKit MiniBrowser WPE WebKit built from sources (December 11th

    2026) Web Engines for Embedded Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 18 / 34
  19. Example Application #include <wpe/webkit.h> int main(int argc, const char *argv[])

    { g_autoptr(GMainLoop) loop = g_main_loop_new(NULL, FALSE); g_autoptr(WebKitWebView) view = webkit_web_view_new(NULL); webkit_web_view_load_uri(view, (argc > 1) ? argv[1] : "https://wpewebkit.org"); g_main_loop_run(loop); return EXIT_SUCCESS; } Web Engines for Embedded Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 19 / 34
  20. Web Engines on Embedded Devices Web Engines for Embedded Devices:

    An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 20 / 34
  21. Why Do Web Engines Matter in Embedded Devices? 🎯 Strategic

    role in the software stack for embedded devices Rendering, networking, security, I/O, accessibility... 🌐 The Web Platform is a well-known development stack A massive pool of web developers for application development. 🛠️ Flexibility to design, implement and test your product Use popular Web frameworks and testing infrastructure. 🏭 Enables the development of all kinds of products e.g. smart home, in-vehicle/in-flight infotainment, digital signage... Web Engines for Embedded Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 21 / 34
  22. Smart TVs and Set-Top Boxes Web Engines for Embedded Devices:

    An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 22 / 34
  23. Digital Signage Web Engines for Embedded Devices: An Introduction to

    WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 23 / 34
  24. Smart Home Appliances Web Engines for Embedded Devices: An Introduction

    to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 24 / 34
  25. Infotainment Systems Web Engines for Embedded Devices: An Introduction to

    WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 25 / 34
  26. WebKit on Embedded Devices Phones & tablets Set-top boxes &

    TVs Digital signage players Smart home appliances Infotainment systems GPS navigation devices Point of Sale (POS) systems Audio/video conferencing Hi-Fi sound systems Gaming consoles Web Engines for Embedded Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 26 / 34
  27. Building Products with WPE WebKit Web Engines for Embedded Devices:

    An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 27 / 34
  28. Integrating WPE in Your Project 1. Carefully choose your HW

    & SW (HW support, toolchain, drivers, I/O...) 2. Assemble the required components (WPE, graphics drivers, launcher...) 3. Develop your product Prototype/write your Web application. Avoid poorly performing features on your platform. Integrate with the rest of your platform. Continuous Integration & QA. 4. Bundle and ship (e.g. Yocto) 5. Collaborate with the upstream project! Web Engines for Embedded Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 28 / 34
  29. Best Practices for Integration 🧑‍💻 Development on the main branch

    Stable versions for product stabilization only. 🔄 Frequent rebasing against newer versions Reduces maintenance burden and technical debt. Makes integration easier and improves developer efficiency. 🤝 Upstream-friendly practices and contributing back Report bugs, contribute solid patches and keep communication open. Regular syncs with the community align product goals. 🔧 Test Automation and Continuous Integration Automated tracking of upstream changes and CI are critical for product stability. This is your safety net for rapid, reliable integration with WPE WebKit upstream. Web Engines for Embedded Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 29 / 34
  30. Benefits of Tighter Integration with Upstream ✅ Stability & Security

    Faster delivery of fixes, early testing, less emergency patching. ⚡ Performance Improvements & Verified Changes Upstream-driven optimizations, better prioritization, lower integration risk. ♻️ Easier Maintainability & Lower Maintenance Costs Reduced patch burden, smoother upgrades, predictable long-term planning. 🎯 Better Alignment with Product Goals Better upstream prioritization for your product, shared investment, and influence. 🌍 Community Support Direct access to experts, faster issue resolution and growing internal know-how. Web Engines for Embedded Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 30 / 34
  31. Conclusion 🛠️ Web engines are a suitable option for building

    many types of products e.g. smart TVs/set-top boxes, smart home, infotainment, digital signage... 🌐 WPE WebKit brings the Web Platform to embedded devices The right balance of performance, security, and flexibility. 🧩 Good WPE WebKit integration depends on solid engineering discipline e.g. the right HW/SW choices, frequent rebases, upstream-friendly workflows, CI/testing. 🚀 Tight collaboration with upstream is the key multiplier Faster fixes, better performance, lower maintenance costs, and better alignment. What will you build next? 💡 Web Engines for Embedded Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 31 / 34
  32. Further Resources WebKit: Website: Mailing list: Documentation: WPE WebKit: Website:

    Mastodon: Bluesky: Mailing list: Matrix: https://webkit.org https://lists.webkit.org/mailman3/lists/webkit-dev.lists.webkit.org https://docs.webkit.org https://wpewebkit.org https://floss.social/@WPEWebKit https://bsky.app/profile/wpewebkit.org https://lists.webkit.org/mailman3/lists/webkit-wpe.lists.webkit.org #wpe:matrix.org Web Engines for Embedded Devices: An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 32 / 34
  33. Questions? Mario Sánchez-Prada [email protected] Slides: Web Engines for Embedded Devices:

    An Introduction to WPE WebKit Mario Sánchez-Prada, Embedded World Conference 2026 33 / 34