Skip to content

ZRAIN / DEVELOPER PROJECT

Explore apps.
In one Console.

Zrain Console is the viewing experience behind the Play Now and Open Web App buttons in Zrain Ecosystem. Visitors can try an app without leaving the product directory.

Try the live Console Source on GitHub

A frontend feature, not a new login service or a separate backend.

ZRAIN CONSOLE LIVE APP VIEW
Choose an app Mobile View · Desktop View Open live Showcase

Illustration of the viewer. Use the live demo to explore the actual interface.

TRY IT / 01

See it in action.

Try our live projects in Zrain Console, or explore the Console and Ecosystem themselves.

WEB GAME

Guess The Flag

Open a playable Flutter Web game in the mobile-first viewer.

Play Now
WEB APPLICATION

Zrain Links

Explore an independent web app without sharing its account or backend.

Open Web App
DESIGN SHOWCASE

Zrain UI

Preview the real design-system showcase inside the same Console.

View Showcase
WEB GAME

Memory Rush

Play Grid, Number and Pattern Recall in the Flutter Web edition.

Play Now
DEVELOPER TOOL

Zrain Auth Starter

Explore the Java Spring Boot JWT starter and its public web demo.

Open Web App
ONLINE SERVICE

Zrain Monitor

Explore uptime and keep-awake monitoring for web services.

Open Web App
DEVELOPER PROJECT

Zrain Console

Experience the responsive viewer behind every Zrain app preview.

Try Console
ECOSYSTEM HUB

Zrain Ecosystem

Discover all Zrain products and their independent web experiences.

Explore Ecosystem

FEATURES / 02

Small layer. Useful details.

No app duplication. Zrain Console loads each product from its own existing web address.

01 / VIEWS

Mobile and Desktop

Switch between a mobile-sized viewport and a scaled desktop viewport without resetting the app.

02 / CONTROLS

Preview controls

Refresh, fullscreen, close, or open the original website in a separate tab.

03 / DISCOVERY

One familiar experience

The same preview is used for games, web apps and developer showcases.

04 / INDEPENDENCE

Apps remain separate

The viewer does not merge authentication, databases, or product backends.

HOW WE BUILT IT / 03

Implemented in the Ecosystem.

01. A product button selects a known Console ID.

<button data-console="memory-rush">
  Play Now
</button>

02. The Console looks up that product and opens its original web edition.

03. Visitors use the viewer, or Open in new tab when an app forbids embedding.

Embedding limitation: Some external websites and sign-in providers forbid iframe previews. Zrain Console respects those restrictions and provides Open in new tab. The Zrain UI showcase has a same-origin local preview.

Back to Zrain Ecosystem