DUAL-UX is a runtime that lets a single Progressive Web App deliver two distinct user experiences based on context: a Web UX for discovery and an App UX for engagement—without splitting the codebase.

How does Dual-UX detect Web vs App?

It uses standards-based display-mode detection and lifecycle signals to switch views at runtime, mapping browser contexts to a Web UX and standalone/installed contexts to an App UX.

Is DUAL-UX open source?

DUAL-UX is released under a dual-license: GNU AGPL for open projects and a commercial license for enterprises that need proprietary use, support, and feature guarantees.

Product and platform teams that want the reach of the web and the retention of installed apps—ecommerce, hospitality, fintech, media, and brand-led experiences.

ABOUT OUR WORK LICENSING INSTALL APP

Instant App Download from the Browser

Name: DUAL-UX Runtime
Brand: DUAL-UX

Web for discovery. App for loyalty.

How it works Try the app

Why Dual-Experience Beats One-Size-Fits-All

DUAL-UX is a lightweight runtime that maps context to experience. When your website opens in a browser, users see a fast, link-friendly Web UX optimized for SEO and sharing. When it launches from the home screen, users get fullscreen Web App UX with native-like flow—no duplicate code, no hard forks.

Web UX (Acquisition)

Instant navigation with crawlable content
Link-first design for QR, SMS, and social
Zero-install trial that lowers bounce

App UX (Retention)

Fullscreen, chrome-free UI
Install-only flows, gestures, and offline caching
Space for loyalty, wallet, and repeat tasks

The result: acquisition without sacrificing engagement—and a single codebase your team can ship weekly.

Explore the Dual-UX GitHub Repository

The two distinct operational modes are:

Web UX Mode: This experience is triggered when a user accesses the website through a standard URL in a mobile browser. The design is explicitly tailored for discovery and initial contact, functioning as an "SEO-optimized, sharable microsite with fast-loading, link-first design".

In this mode, the technology prioritizes metrics crucial for top-of-funnel user acquisition: fast initial load times to reduce bounce rates, search engine crawlability for organic discovery, and simple shareability via links, QR codes, or SMS.

App UX Mode: This experience is activated only after a user has chosen to add the website to their device's home screen. Upon launching the installed icon, the website transforms into a "full-screen, install-only experience with native-style features".

This mode is engineered to foster deep user engagement and retention, mimicking the immersive feel of a native application. Key features include dedicated onboarding flows, support for gesture-based navigation, advanced offline caching strategies, and persistent UI elements like navigation bars.

The DUAL-UX technology is designed to seamlessly switch between these two modes based on the context of use, ensuring that users receive the most appropriate experience for their current interaction. This dual-mode capability not only enhances user satisfaction but also optimizes the website for both acquisition and retention, addressing the critical challenge of balancing these two often conflicting goals in mobile app development.

Why Dual-Experience Beats One-Size-Fits-All

DUAL-UX maps context to experience: a fast, shareable Web UX in the browser and a fullscreen App UX when installed—no duplicate code, no forks.

Explore the Dual-UX GitHub Repository

The two distinct operational modes are:

Web UX Mode: This experience is triggered when a user accesses the website through a standard URL in a mobile browser. The design is explicitly tailored for discovery and initial contact, functioning as an "SEO-optimized, sharable microsite with fast-loading, link-first design".

In this mode, the technology prioritizes metrics crucial for top-of-funnel user acquisition: fast initial load times to reduce bounce rates, search engine crawlability for organic discovery, and simple shareability via links, QR codes, or SMS.

App UX Mode: This experience is activated only after a user has chosen to add the website to their device's home screen. Upon launching the installed icon, the website transforms into a "full-screen, install-only experience with native-style features".

This mode is engineered to foster deep user engagement and retention, mimicking the immersive feel of a native application. Key features include dedicated onboarding flows, support for gesture-based navigation, advanced offline caching strategies, and persistent UI elements like navigation bars.

The DUAL-UX technology is designed to seamlessly switch between these two modes based on the context of use, ensuring that users receive the most appropriate experience for their current interaction. This dual-mode capability not only enhances user satisfaction but also optimizes the PWA for both acquisition and retention, addressing the critical challenge of balancing these two often conflicting goals in mobile app development.

Experience the App UX

Add DUAL-UX to your home screen to see the App UX in action—fullscreen, smooth, and purpose-built for repeat use.

Installable website: no app store submission
Native-like flow with a web codebase
Offline support for critical paths

Where DUAL-UX Wins First

Vertical use cases

Ecommerce

Web UX for discovery and promos; App UX for checkout, wallet, and re-orders.

Hospitality

Web UX for booking; App UX for in-stay services, loyalty, and room controls.

Fintech

Web UX for education and lead capture; App UX for secure, repeat transactions.

Media & Communities

Web UX for viral reach; App UX for subscriptions and daily engagement.

3.5B
Global PWA Market 2025

16+B
Global PWA Market 2032

Selected Work

Examples of dual-experience PWAs

Karma Tickets PWA — Dual-UX: ticketing on web, plus promo's, push notifications, user login, and native app feel in app

N2P Systems PWA — Dual-UX: job browsing on web, applications in app

Dual License: Open for Builders, Ready for Enterprise

DUAL-UX is available under a GNU AGPL license for open projects and a commercial license for organizations that need proprietary use, SLAs, and roadmap support.

AGPL: ideal for community projects and research
Commercial: closed-source compliance, priority support, and deployment guidance

By adopting this dual-licensing approach, we're making Dual-UX accessible to both the open-source community and businesses looking to leverage the power of hybrid web and app experiences. Choose the option that best aligns with your goals and join us in shaping the future of web and app development.

Explore the Dual-UX GitHub Repository – Get the code, try the runtime, and start experimenting today.

Request licensing info

Talk to Us

Evaluate DUAL-UX for your platform

We help product and platform teams ship dual-experience PWAs—without fragmenting their codebase.

Toronto, CA

Phone: +1 (416) 655 - 7269

Email: info@dual-ux.com

Instant App Download from the Browser

Why Dual-Experience Beats One-Size-Fits-All

Web UX (Acquisition)

App UX (Retention)

The two distinct operational modes are:

Why Dual-Experience Beats One-Size-Fits-All

The two distinct operational modes are:

Experience the App UX

Where DUAL-UX Wins First

Selected Work

Dual License: Open for Builders, Ready for Enterprise

Talk to Us

Progressive Web App

A website. An app. One experience.

Meet DUAL-UX

One install. Two experiences.

Why It Matters

Explore

Understand the power behind DUAL-UX

DUAL-UX One-Pager

Patent Abstract

White Paper