In 2022 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:
Digital design agencies can catch a glimpse of our tool today by creating animated scrollables.
All projects:
Automatically work on desktop and mobile
Can be published with 1 click
Require zero coding knowledge
Have accessibility build in
Are SEO optimized
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.
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.
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.
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.
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...
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...