v1.0.0
First release: 150 motion graphics, shaped live and taken away as code or a file
- Motion Studio plays 150 ready-made motions at once, in ten kinds: loaders, text, backgrounds, buttons and hover, attention, entrances, UI feedback, shapes and SVG, charts and numbers, and pointer.
- Open one to change its colours (with palettes that go together), size, speed, text and easing, and see the change as you drag.
- Star the motions you like and find them under Favourites on the app bar, or copy a link that opens a motion with your settings; the motion travels in the part after
#, which browsers do not send to the server. - Pause, drag to any moment, slow it down, and try it on a dark, light, see-through or any coloured stage. Hover and click motions are pressed for you, or you can try them yourself.
- Pointer motions, such as a 3D tilt card, a magnetic button and watching eyes, follow a drawn path or your own pointer, and come with their few lines of script.
- Shape the easing curve by dragging its handles, or pick one of 14, springs and bounces included.
- Take the code as HTML and CSS, React, Vue or Svelte, or a page that plays it. Every motion stops by itself for people who ask their system for less motion.
- Save it as a GIF, an MP4 or WebM video, an SVG that animates by itself, or the frame on the stage as a PNG, all made in your browser; long loops are recorded for one whole cycle.