Coming to

and

Moebius empowers designers to visually create applications without typing a single line of code.

What is it?

Moebius is an interactive media production and publishing platform made for designers with no previous coding experience. From start to finish, Moebius gives designers the flexibility and power they need to create dynamic content in a code free environment.

The Problem

Creating, managing and publishing an application is a messy process. Designers want a tool that empowers them to create applications that are beautiful and functional. Not just some tool that only creates mockups for other developers to build on top of.

The Solution

Moebius provides all the features a designer needs to visually create a fully functional application. All actions in Moebius are code-free, no developer jargon is used. Everything is design centric. Design integrity is kept intact regardless of what device is being used.

Rendering and interactivity is consistent across all major browsers.

Stencils

Client-Side Scripting has always been a setback to a designer’s creativity and workflow. Stencils provide a simple way to visually create and lay out dynamic content. From API calls to URL requests, Moebius fetches structured data and re-uses it to populate any page with defined Stencils.

Style Buffers

Style buffers remove the tedious process of styling HTML manually by handling all of the rendering data consistently across all browsers. Style buffering is exclusively built for Moebius from the ground up with performance in mind.

• Main Buffer

Stores all styling data for common elements shared throughout several or all pages, it also houses the data for stencils. This nexus results in faster page load times.

• Sub Buffer

Contains all styling data specific to one page.

Browser Mode

In browser mode changes in state can be tested by user triggered events like mouse hovering. Static properties can be applied to any element, enabling them to keep a fixed position relative to the viewport. Links are created by attaching an URL to an element.

Elasticity

Building responsive websites that smoothly transition layouts between different screen sizes consistently across all browsers is really difficult to do. Moebius implements elasticity to handle smooth layout transitions. All elements can be extended, compressed, and sized at the click of a button to gracefully mold any layout on any screen.

Roadmap

Most of the core features in Moebius are complete. But there are still some other features that need to be polished or are still not integrated in the program yet. Some of the features that still need to be integrated are:

• Animation Engine

Besides making your websites look more unique, animations can also enhance the UX. A lot of work is being done to provide a tool that allows you to easily create smooth animations that perform well on all devices.

• Forms

No website is complete without forms. Moebius lets you create forms easily and test them quickly in browser mode. Forms can pass data to servers and can also request data from servers that ends up being rendered inside stencils.

• Isolates

Embedded media like Youtube videos run in iframes (isolated contexts). With isolates you can manipulate interactive media from external sources visually. Isolates are not only limited to video or audio players, for example you can also insert a canvas element to run web games.

FAQ

• How is it built?

Moebius takes full advantage of the latest HTML5 technologies. Moebius is built with Javascript. All rendering is done through the canvas element. Moebius will work as a native app in Windows and macOS.

• Why no CSS?

CSS is meant to be read and written by developers. Besides having a high learning curve, CSS is not 100% cross-compatible across all browsers.

• When will it be released?

The beta for Moebius is planned to be released during the mid 2020.

• What are the minimum system requirements to run the alpha?

The lowest macOS model tested with the alpha was an (20-inch, early 2009) iMac.

• Who is it for?

Designers.

• As a designer, why should I care about performance?

It is well known that faster page load times and smooth interactivity increase user engagement and conversion. Our main goal is to allow you to create websites that perform just as well as websites created by professional developers.

• Why are we being shown two different interfaces?

The hardest part in the development process of the application is arguably the GUI itself. Not having a full time designer laying out the interface components doesn't help also. But getting the interface to work in a usable and smooth manner like the one in Photoshop is very time consuming. Some of the missing features in the program are not accessible because they have not been exposed in the interface yet.

This is how the interface looked after one year of development.

This is how the interface looks after two years of development.