Desktop OS

Build with Vlak

Drag a window by its title. With the title focused, arrow keys move the window and Shift plus arrow keys resize it.

/Documents

4 items

Saved document55 words
Classic desktopSaved in this browser

Choose a desktop → open an app → save your work → return to it

View source

Inside the interface

Mac OS, Windows, Linux and BeOS each bring their own way of working. Open and arrange windows, move between apps, write a document or draw something. The file manager, editor and terminal share the same files, and each desktop keeps its own workspace when you return.

These browser workspaces adapt classic Mac OS, Windows XP, GNOME and BeOS conventions. Files and preferences stay in this browser, separately for each desktop. Terminal commands act on those files; external websites open in a browser tab. No native operating system is running.

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

  • Tabs preserve independent desktops. Window controls support focus, movement, resizing, minimizing and maximizing, with platform-specific menus and application switching.
  • Input, Textarea and Button connect the file manager, editor and command line to a persistent local file system. Drawings and text can be exported; the calculator, calendar and Mines game work locally.
  • Desktop preferences adjust the workspace, while the process view lists its actual open windows. Classic Mac, Windows XP and BeOS behaviors adapt the creator’s existing browser prototypes using Vlak components and original interface artwork.
  • On mobile, the selected application fills the workspace. Apps and Tasks become separate drawers, keeping file operations and app switching within reach. Window positions, unsaved drafts and independent platform files survive changes between compact and desktop layouts.