Desktop Editor

🖥️ Canvas

📋 Start Menu

🎨 Background

📁 Assets

⚙️ General

Running

v...

Preview

Windows List

Properties

Select an item to edit

🖥️ Desktop Icon Grid ▶

Columns

Gap X (px)

Gap Y (px)

Icon (px)

Label (px)

Desktop Custom CSS ▶

Desktop View CSS

CSS for desktop viewport

📱 Mobile Layout ▶

Breakpoint (px)

Mobile launcher activates when width ≤ this value

Launcher Grid

Columns

Gap (px)

Icon (px)

Label (px)

Icon Background

Color (Hex)

Applies a solid background color to mobile app icons

Navigation Bar

Height (px)

Icon (px)

🎨 Mobile Background ▶

Background Type

✨ Mobile App Animation ▶

Animation Duration (ms)

Scale-in animation when opening apps from launcher (0 = disabled)

Mobile App Header ▶

Height (px)

Font Size (px)

Font Weight

Text Color

Padding X (px)

Padding Y (px)

Background

Hex, rgba(), linear-gradient(...), radial-gradient(...)

Mobile Custom CSS ▶

Mobile View CSS

CSS for mobile viewport

Menu Items

Background Type

Preview

Entrance Animations

Desktop Icons

Duration (s)

Initial Delay (s)

Before first icon animates

Stagger Delay (s)

Between each icon

Easing

Taskbar

Duration (s)

Delay (s)

Easing

🔄 Loading Screen

Enable custom loading screen

Show custom loader while desktop initializes

Background Color

Solid color background for loader

Loader Image

No image selected

PNG, JPG, GIF, or SVG (recommended: transparent PNG, max 2MB)

Show custom text below image

Image Animation

Animation Speed

Rotation Direction

Animation Intensity

Display Duration (s)

Min time loader shows

Exit Duration (s)

Exit animation length

Exit Animation

Custom CSS (Advanced)

Edit the default CSS to customize the loader appearance.

📄 Upload HTML Page

Page Name (optional — defaults to file name)

Letters, numbers, hyphens, and underscores only. Leave blank to use the uploaded file name.

Upload HTML or ZIP File

No file selected

Upload a single .html file or a .zip containing an HTML page with assets

📄 Uploaded HTML Pages

🎬 Upload Media (Photos, Videos & SVGs)

Upload Files

No files selected

Supports images (jpg, png, gif, webp, svg) and videos (mp4, webm, mov)

🎬 Uploaded Media

📦 Upload App

Upload HTML File

No file selected

Upload a standalone HTML app file

📦 Uploaded Apps

🎯 Icon Emoji Picker

Click an emoji to copy it to clipboard. Useful for window icons, desktop shortcuts, and menu items.

🎬 Slider Revolution Projects

New Project Name

📂 Projects

📝 Editor

Select a project to edit

📝 ContentTools Inline Editor

Create content pages with inline WYSIWYG editing. Click the pen icon to edit directly on the page.

New Page Title

📂 Your Pages

Site Settings

Page Title

This will appear in the browser tab

Site Description

Used by search engines and social media (150-160 characters recommended)

Keywords (comma-separated)

Relevant keywords for search engines

Author

Your name or company name

SEO & Social Media

Open Graph Title

Title shown when shared on social media

Open Graph Description

Description shown when shared on social media

Open Graph Image URL

Image shown when shared (1200x630px recommended)

Favicon URL

Small icon shown in browser tab

Analytics & Tracking

Microsoft Clarity Project ID

Recommended for WinBox. The Clarity tag will be injected into the desktop shell and first-party iframe apps automatically.

JavaScript Tracking Code

Optional escape hatch for GA4, Umami, or any extra tracking code. This is injected after the built-in analytics helper.

Maintenance Mode

Enable Maintenance Mode

When enabled, visitors will see the maintenance page overlay. Admins can bypass by logging in with the admin password.

Maintenance Page URL

URL of the maintenance page to display in the overlay iframe

Security

Current Password

New Password

Minimum 6 characters

Confirm New Password

Backup & Restore

Export all settings, configurations, and uploaded files to transfer to another installation.

Download a complete backup of your WinBox installation

Import Data

Restore a previously exported backup (⚠️ will overwrite current data)

💻 Terminal

Directory: /app ⚠️ Full access

📁 File Explorer

/

Loading...

📝

Select a file from the tree to edit