Moos.app BETA

Regular design tools turn your design into a static image. Moos.app is a design tool that turns your static design into a personalized, responsive, interactive, animated web experience.

Future

In 2021 design tools either export static images or video. We are building a design tool from the ground up for creating interactive dynamic experiences for the web such as:

scrollables interactive e-books presentations product configurators custom event maps live sport score boards animated infographics banner ads dynamic hero images wire frames web app prototypes data visualizations generative art carousel journalistic articles company dashboards explainers personalized illustrations games web pages ecommerce stores performance art

Today

Digital design agencies can catch a glimpse of our tool today by creating animated scrollables.

All projects:

Screenshot of moos.app application

Examples

We've created some examples to show you what's possible.

Skada

This example shows a flying car product. While scrolling through the page you see the car in multiple positions while the rotors are turning.

The car feels alive and responsive to your actions. It is as if the dealer walks you around the car in real time instead of someone sending you pictures.

Live example
try it out!
Open in Playground

Moos x3

This phone disassembly example combines the best of text and visuals for an explanation.

You can execute each step at your own speed but the visuals also give you subtle hints such as: which way to turn a bolt or how to pull out a part. The camera also zooms in when more detail is needed.

Live example Open in Playground
edit this project

Contact us

In the future we imagine our tool being used by designers, marketeers, journalists and artists.

We think our tool is especially useful for digital agencies at this point. Are you a digital agency and are you excited about this tool?

More examples

Our tool supports many more behaviors than just scrollables. Here are some more examples.

Presentation

Each transition in this presentation is different. background colors fade, bubbles move and icons are drawn.

Building these advanced transitions is super simple in our tool.

Live example Open in Playground

Animated ad

Our tool has a keyframe editor built in. This ad feels like a video but is actually driven by vector graphics. This means sharper edges, smaller file sizes and faster load times.

You can also personalize your ad for each viewer, for example by localizing prizes or offering dark/light mode depending on browser settings.

Live example Open in Playground

Event map

With the built in map behavior creating maps becomes really easy. Just import your map and our tool takes care of the interactions such as zooming and panning.

It is even possible to add more details to your map as you zoom in.

Live example Open in Playground

10 examples of online interactive experiences

Most websites today look static and flat. It does not have to be like that. The following websites deliver memorable interactive experiences that invite you to act...

Read blog post

How it works

Moos.app takes your existing design in SVG format and let's you add motion to it, this is how it works:

1.Import design files

You can import SVG files, images or create basic shapes like polylines, rectangles, circles and text.

2.Animate objects

Move, rotate, scale, opacity and other properties can all be changed and animated.

3.Choose track behavior

Think of it as a template for behavior. It determines how your users interact with your project.

4.Publish

Retrieve a link you can give to others, embed or export a self contained HTML file you can give to ad networks or serve yourself.

features

One click publish

publishing gives you a unique link you can share with others, or embed into a web page.

No code required

Zero lines of code needed to create interactive experiences.

Desktop & Mobile

All projects automatically work on mobile and desktop.

SVG Import

Use your favorite design tool to design your visualization, then import a SVG.

Import Images

JPG and PNG images can be dragged right into the application.

Animation

Timeline editor with keyframes and easing functions

expressions

Every property like position or rotation can be driven by an expression such as (1 + 2) * 3.

good SEO

All text, scene names, subtitles and buttons can be read by search engines.

accessibility

Prefers reduced motion is respected. Screen readers can read all text and buttons.

Excellent browser support

All modern browsers supported and good performance on underpowered mobile devices.

Live data

When embedding a project developers can send data to it with a single line of code.

Branching

Add buttons that link to other scenes or that open web pages.

Small file size

The exported project is often much smaller than the same thing as an image.

Progressive loading

Objects are shown while downloading instead of waiting for the whole page to load.

Subtitles

Annotate your project with subtitles.

Our goals

Standing out is very important for companies. Users are no longer just looking for information, they want to be entertained. In the past this was easy, just having a web page was enough to stand out. Not anymore, these days...

About us

Try it for free

The playground is a free version of our app with all features. You can use it to learn and try it out without a time limit. No account needed.

Go to playground

Newsletter

Receive emails about new features, company updates and cool projects (max 1/month).

test

Receive emails about new features, company updates and cool projects (max 1/month).

x