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:
We've created some examples to show you what's possible.
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 exampleThis 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 PlaygroundIn 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?
Loading...Our tool supports many more behaviors than just scrollables. Here are some more examples.
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 PlaygroundOur 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 PlaygroundWith 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 PlaygroundMost 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 postMoos.app takes your existing design in SVG format and let's you add motion to it, this is how it works:
You can import SVG files, images or create basic shapes like polylines, rectangles, circles and text.
Move, rotate, scale, opacity and other properties can all be changed and animated.
Think of it as a template for behavior. It determines how your users interact with your project.
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.
publishing gives you a unique link you can share with others, or embed into a web page.
Zero lines of code needed to create interactive experiences.
All projects automatically work on mobile and desktop.
Use your favorite design tool to design your visualization, then import a SVG.
JPG and PNG images can be dragged right into the application.
Timeline editor with keyframes and easing functions
Every property like position or rotation can be driven by an expression such as (1 + 2) * 3.
All text, scene names, subtitles and buttons can be read by search engines.
Prefers reduced motion is respected. Screen readers can read all text and buttons.
All modern browsers supported and good performance on underpowered mobile devices.
When embedding a project developers can send data to it with a single line of code.
Add buttons that link to other scenes or that open web pages.
The exported project is often much smaller than the same thing as an image.
Objects are shown while downloading instead of waiting for the whole page to load.
Annotate your project with subtitles.
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 usThe 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