Mobile OS

Build with Vlak
Two independent phone systemsEveryday apps · Local sample data
iPhoneiOS

Home screen

Sample system · Changes stay in this tab
AndroidPixel-style launcher

Home screen

Sample system · Changes stay in this tab
Local apps and sample data. No calls or messages leave this example.Swipe between iPhone and Android

Choose a platform → open an app → create, edit or explore

View source

Inside the interface

Two independent mobile workspaces in a shared Vlak language. Open apps from the home screen, switch between recent apps, edit local records and explore settings. Platform navigation keeps its familiar shape while paper, ink, icons and controls belong to Vlak.

This browser study keeps app data in the current tab. Calls, email, messages, camera captures, weather and device switches are local demonstrations. It does not operate a phone or connect to account services.

Components used

Use this as a starting point

Build with Vlak

Install the components, add the stylesheet, and bring your own content. The study’s source shows how the pieces fit together.

React componentsCSS includedMIT licensed
Install the package
npm install @noorddev/vlak-react
import "@noorddev/vlak-react/css";
Installation guide View study source

Start with your coding agent

A ready-to-use brief with this study, Vlak’s components, and the design guide.

Component modifications

  • iOS uses a Home indicator, App Library, contextual back navigation and separate Control and Notification Centers. Android uses an All Apps drawer, three-button system navigation, app bars, floating actions and a Quick Settings shade.
  • Each device owns its app state. Desktop shows both platforms; compact screens select one device without discarding its work.
  • Core apps provide local editing and useful actions. The music player synthesizes browser audio, while the other simulated services report their local scope.
  • On mobile, the platform picker shows one device at a time. App content scrolls independently while Home, Back, Recents and system controls remain reachable. Each platform preserves its own local records and navigation state.