Motionity
A full-featured motion graphics editor in the browser. Keyframing, masking, filters, text animations, chroma key, and video export — no plugins needed.
Created by alyssaxuu
Create a free account to get instant access
How to Use
Create animated videos and motion graphics by adding elements and animating them over time. BASIC CONTROLS: • Click tools in the left toolbar to add content: Objects (shapes/emojis), Images, Text, Videos, Audio • Drag elements from the browser panel onto the canvas • Select elements by clicking them on canvas or in the timeline • Use properties panel (right side) to adjust selected elements ANIMATION & KEYFRAMES: • Use the timeline at bottom to scrub through your video • Click the diamond icon next to properties to set keyframes • Move the timeline cursor and change property values to create animations • Drag keyframes in timeline to adjust timing ESSENTIAL FEATURES: • Right-click elements for options like filters, masking, and effects • Adjust canvas size, background color, and duration in properties panel • Use alignment tools to position elements precisely • Search for free images/videos using the search bar in browser panels EXPORT: • Click download button to export as MP4, WEBM, GIF, or image • Save/load projects using the import/export options The timeline shows all layers - drag to reorder, click eyes to hide layers.