singular engine

  • A mobile app and website created with HTML, CSS & JS
  • Compiles to iOS, Android, and others from a single code base
  • Fluid app-like animations even on older devices

Singular Engine

Overview

Singular Engine is a prototype application shell that allows a single code base to drive a webpage, a mobile app, and even desktop apps, across various platforms and screen sizes. It uses standard web technologies like HTML5, CSS3, and JavaScript for cross-platform development. The goal of the software is to see how far the standard can be pushed to deliver a simple and single experience to as many devices and browsers as possible while maintaining a high level of quality on each.

Want to see it in action? You are using it right now! Feel free to test it on a variety of platforms, screen resolutions, and browers.

The App Shell Model

How much can a website act and look like an app?

Singular Engine is built using web technologies, and can reliably and instantly load content on users' screens in a way very similiar to native applications.

All portions of the user interface and content are cached offline to ensure instant and reliable performance to users on repeat visits. The application shell and content is not loaded from the network every time the user visits or uses the app. Only new content is loaded from the network.

Singular Engine can act as a single-page web application or as a traditional website, and as a mobile app, without code modification. Dynamic content is loaded into the shell in standard json format via Javascript, which provides a clean separation of content and user interface.

This bundle of code acts as the skeleton of the UI and core components necessary to get a website or app off the ground much faster than traditional development methods.