Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Skip to content
Switch branches/tags

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

1DIV - A Window Controls Overlay demo

➡️ Open the demo ⬅️

1DIV is a demo web app where you can create CSS designs using just one HTML div element. Your designs are saved only locally in the browser's memory. You can create as many as you want. This demo app can be installed locally as a PWA.


The main goal of this demo is to showcase the Window Controls Overlay PWA feature, so to make the most use of it, you will need the following things:

  • Use a 93+ Chromium-based browser.
  • Enable the Window Controls Overlay feature in about:flags (Desktop PWA Window Controls Overlay).

The demo app also uses constructable stylesheets which are only supported in Chromium-based browsers, and on Firefox if you enable the layout.css.constructable-stylesheets.enabled flag first.

Building locally

The app is not build automatically in CI. If you make a change to a file in src or update a dependency, you will need to build locally and commit the generated files.

To build the app locally:

  • npm install,
  • and then npm run build.