Introducing Webview UI in Bolt UXP: Build Richer Adobe Plugins Faster

Building modern, high‑quality user interfaces has long been one of the biggest challenges in UXP plugin development. Complex layouts, animations, and consistent behavior across hosts can quickly turn into time‑consuming workarounds.

In a recent Adobe Developer Office Hours session, Justin Taylor, founder of Hyper Brew and an Adobe Creative Cloud Developer Champion, introduced a powerful new approach to solving this problem: Webview UI in Bolt UXP.

🎥 Watch the full video here:

https://youtu.be/yyQLXh-kCGY

What is Bolt UXP?

Bolt UXP is an open‑source framework designed to dramatically speed up the development of Adobe UXP plugins. It enables developers to build plugins using modern web frameworks like React, Svelte, or Vue, with full TypeScript support, instant hot reloading via Vite, optimized bundle sizes, and streamlined packaging for CCX and ZIP distribution.

Since its launch in March 2024, Bolt UXP has already been adopted by Fortune 500 companies, open‑source initiatives, and production‑ready tools across Photoshop, Premiere Pro, and InDesign.

Why Webview UI?

In the session, Justin dives into one of the most requested and impactful additions to Bolt UXP: Webview UI.

Webview UI introduces a full-featured browser-based rendering layer inside UXP plugins, unlocking:

• Full HTML and CSS support
• CSS animations and modern layout techniques
• Standard JavaScript DOM events
• UI behavior consistent with Safari (macOS) and Edge (Windows)

For developers porting existing web applications or building advanced interfaces, this removes many of the limitations traditionally associated with UXP UI development.

Is Webview UI for me?

Webview UI isn’t for everyone, as it does add complexity to your project. Generally, for developers building simple tools with basic widgets already available in UXP, a Webview UI would likely be unnecessary.

But for those who are building complex user interfaces or need any UI features beyond what native UXP widgets offer, then Webview UI is a great option.

Webview UI does add some architectural complexity, but Bolt UXP abstracts much of that away. The framework provides type-safe, bidirectional messaging between the Webview UI layer and the UXP backend — making communication predictable, reliable, and easy to maintain.

Live demo: from CLI to Photoshop

The video walks through a complete, real-world workflow:

• Scaffolding a new plugin using yarn create bolt-uxp
• Enabling Webview UI during setup
• Running parallel builds for the UXP backend and Webview frontend
• Using hot reloading for rapid iteration
• Loading the plugin into Photoshop via UDT
• Debugging both UXP and Webview layers using familiar tools

The result is a fully functional Photoshop panel featuring animations, native API calls, and a modern development experience that feels right at home for web developers.

Open Source and community-Driven

Bolt UXP is free and open source, developed by Hyper Brew as part of their ongoing investment in improving the Adobe plugin ecosystem. When not building custom solutions for clients, the Hyper Brew team actively contributes to frameworks and tools that benefit the broader developer community.

Developers can also join the growing Hyper Brew Discord community, where hundreds of members share tips, feedback, and real-world use cases.

Get started today

If you’ve already built a few UXP plugins and are looking to push your UI further, Webview UI in Bolt UXP may be exactly what you need.

• Learn more: https://hyperbrew.co/bolt-uxp
• Get started: yarn create bolt-uxp (and enable Webview UI during setup)

We encourage you to watch the full session, explore the documentation, and see what’s possible when modern web development meets Adobe UXP.

Happy building!