Ambient Focus Dashboard and Kiosk Simulator 2.0: Customize Full-Screen Environmental Displays with Dynamic Widgets

Build a calm, custom start page for deep work. Drag, drop, and resize clock, calendar, weather, countdown, text, image, and news ticker widgets onto the canvas, pick any background color, then launch a distraction-free full-screen ambient dashboard.

The Editor Studio
Live preview canvas 0 widgets placed
Your canvas is empty. Add a clock, calendar, weather, countdown, text, image, or news ticker from the left to begin building your ambient dashboard.
Key Terms Explained
Fullscreen API
A standard browser feature that lets a web page request to fill the entire screen, hiding the address bar, tabs, and operating system menus. This tool uses it to turn your canvas into an immersive, edge-to-edge ambient display.
Ambient Computing
The idea that useful information should sit quietly in your environment and be glanceable without demanding attention. An ambient dashboard shows the time, date, and reminders calmly in the background while you focus on other work.
Local Storage
A browser feature for keeping small pieces of data on your own device. This tool keeps your layout in memory for the session only and never sends it anywhere, which is part of why your data stays private.
Open-Meteo API
A free, open weather service that returns current conditions and forecasts without requiring an account or API key. The weather widget calls it directly from your browser using your coordinates.
Geolocation
A browser capability that, with your permission, estimates your device's latitude and longitude. The weather widget uses it so it can fetch the temperature for your actual location instead of a guessed one.
Kiosk Mode
A locked-down, full-screen presentation style used on public displays and signage. Here it means a clean dashboard with no visible buttons or browser chrome, exited with a single click, tap, or key press.
WYSIWYG Canvas
Short for "what you see is what you get." The editor canvas previews your dashboard exactly as it will appear in full screen, so positioning and sizing in the editor matches the final ambient display.
Container Query Units
Modern CSS units (cqw and cqh) sized relative to a widget's own box rather than the whole screen. They let clock digits and countdown numbers grow or shrink smoothly as you resize each widget.
FileReader API
A browser tool that reads files you select straight into the page. The image widget uses it so your picture displays locally and is never uploaded to a server.
CSS Marquee
A scrolling strip of text animated purely with CSS. The news ticker crawls your headlines along the bottom using this technique, so it needs no scripts running and makes no network calls.

The Complete Guide to Ambient Focus Dashboards and Browser Kiosk Mode

An ambient focus dashboard turns an idle screen, a spare monitor, or a tablet into a calm, distraction-free display that shows just the information you care about: the time, the date, a countdown to something that matters, the local weather, and a quiet ticker of reminders. This guide explains how to build one with this tool and how the full-screen kiosk experience works.

What this productivity dashboard is for

A custom start page or ambient display is one of the simplest ways to stay oriented during deep work. Instead of a busy browser tab full of links and notifications, you get a single surface you choose: a large clock for time awareness, a calendar so the date is always glanceable, a countdown banner that keeps a deadline or a launch in view, and your own text label as a focus mantra. Mounted on a second monitor or an old tablet, it behaves like a piece of digital signage for your desk.

How to use this tool

  1. Add widgets from the left panel. Each one is fully independent: the clock shows only the time, the calendar shows only the day and date, and so on.
  2. Drag any widget by its body to position it anywhere on the canvas. Widgets use absolute positioning, so they go exactly where you drop them.
  3. Resize a widget by pulling its lower-right corner. The content inside scales with the box, so a bigger clock means bigger digits.
  4. Remove a widget with the small X button in its corner.
  5. Pick any background color with the native color wheel. Deep, dark colors look especially good on OLED screens and at night.
  6. Press Launch Ambient Dashboard to go full screen. All borders, backgrounds, and handles vanish, leaving only your content floating over the background.
  7. To exit, click, tap, or press any key. You return instantly to the editor with your layout intact.

Why the editor and the ambient view look different on purpose

In the editor, every widget shows a faint dashed border and a soft background so you always know where to click and drag. That scaffolding would ruin the calm of an ambient display, so the moment you launch full screen it all turns transparent. This "invisible container" approach gives you the best of both: an easy, visible editing surface and a clean, screensaver-like result.

Privacy by design

Everything here runs in your browser. Uploaded images are read locally with the FileReader API and never leave your device. The only optional network request is the weather widget, which talks directly to the free Open-Meteo service using coordinates you explicitly approve. Nothing about your layout, your text, or your images is sent to or stored on AxiomApe servers.

Frequently asked questions

The weather widget uses the free Open-Meteo API, which is open and requires no account, login, or API key. When you add the widget, your browser asks your permission to share your approximate location through the built-in Geolocation API. If you allow it, your coordinates are sent directly from your browser to Open-Meteo, which returns the current temperature and conditions. AxiomApe never sees or stores your location. If you decline, the widget simply shows a prompt instead of weather data.

Exiting is intentionally effortless. Once you are in the ambient full-screen dashboard, any single interaction will return you to the editor: click or tap anywhere, or press any key, including the Escape key. The dashboard listens for the first click, key press, or touch and immediately leaves full screen and restores the editor studio. This keeps the display clean and button-free while you are focused, yet lets you get back to editing in one motion.

In the editor the widgets show light borders, soft backgrounds, and resize handles so you can see exactly where to click, drag, and resize each one. The moment you launch the ambient dashboard, all of that editing chrome becomes fully transparent so only the raw content stays visible: the clock digits, calendar text, weather reading, countdown numbers, your text, and your images float seamlessly over your chosen background color. The goal is a calm, screensaver-like surface with nothing but the information you placed.

No. Image uploads are handled entirely inside your browser using the FileReader API. When you choose an image, the browser reads it locally and shows it on the canvas as in-memory data. The file is never uploaded, transmitted, or saved to any AxiomApe server. When you close or refresh the tab, that image is gone from memory. Everything in this tool runs client-side, which is what makes the privacy guarantee true.

The news ticker ships with a built-in array of sample headlines so the scrolling animation is always visible and working out of the box. These default headlines are placeholder text, not a live news feed. You can replace them with your own messages, reminders, or affirmations by editing the ticker text field in the editor. Because the ticker uses your own text and a pure CSS marquee animation, it makes no network requests at all.

Note: This tool is independent and is not affiliated with or endorsed by Open-Meteo. Weather data is provided by the free Open-Meteo service and is requested directly from your browser only when you add a weather widget and approve location access. The news ticker headlines are sample placeholder text, not live news.