[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-motionity-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":54,"alternatives-motionity-en-US":119,"related-resources-motionity-en-US":222},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":22,"cons":26,"best_for":29,"cover":30,"icon":9,"pricing":31,"platform":32,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":34,"views_count":35,"featured_rank":9,"categories":36,"tags":45,"files":9},715,"Motionity","motionity","https:\u002F\u002Fmotionity.app",null,"Free open-source web-based motion graphics editor","Motionity is a free and open-source web-based motion graphics and animation tool that brings professional-grade animation capabilities to the browser. It features a full keyframe timeline with easing controls, multiple layers with blending modes, built-in visual effects, and audio support. Inspired by After Effects, Motionity offers a familiar workflow for animators while being completely free and accessible from any modern browser. Its source code is available on GitHub for community contributions and self-hosting.",{"title":13,"meta_description":14},"Motionity — Free open-source web-based motion graphics editor","Motionity is a free and opensource webbased motion graphics and animation tool that brings professionalgrade animation capabilities to the browser. It featur...",[16,17,18,19,20,21],"Full keyframe timeline with custom easing curves","Multiple layers with blending modes and masks","Built-in visual effects including blur, glow, and distortion","Audio waveform visualization and syncing","Export to MP4, GIF, and WebM formats","Open-source codebase with active community development",[23,24,25],"Completely free and open-source with no limitations","Runs in the browser with no installation needed","Familiar After Effects-like workflow for animators",[27,28],"Performance can lag with complex compositions","Smaller feature set compared to professional desktop software","Animators and motion designers who want a free, open-source animation tool that works in the browser","ae5dbeb8-1290-41bc-8136-3895719fe5a4.webp","free",[33],"Web",{"free":3},0,[37,41],{"name":38,"slug":39,"sub_categories":40},"Design Tools","design-tools",[],{"name":42,"slug":43,"sub_categories":44},"Illustrations & Graphics","illustrations-graphics",[],[46,49,52],{"name":47,"slug":48},"Animation","animation",{"name":50,"slug":51},"Open Source","open-source",{"name":53,"slug":31},"Free",[55,86,97,107],{"id":56,"url":57,"icon":9,"name":58,"slug":59,"tags":60,"cover":82,"tagline":83,"is_featured":84,"date_created":85,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[61,64,66,69,71,73,75,76,78,80],{"seo":9,"name":62,"slug":63},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":65},"ai",{"seo":9,"name":67,"slug":68},"Freemium","freemium",{"seo":9,"name":9,"slug":70},"free-trial",{"seo":9,"name":9,"slug":72},"image-editing",{"seo":9,"name":9,"slug":74},"video",{"seo":9,"name":9,"slug":48},{"seo":9,"name":9,"slug":77},"prototyping",{"seo":9,"name":9,"slug":79},"no-code",{"seo":9,"name":9,"slug":81},"productivity","fc3931e4-3210-4155-a94b-da3a261fe281.webp","The next-gen AI for design — powered by Claude Opus 4.7",false,"2026-06-28T03:12:01.911314+00:00",{"id":87,"url":88,"icon":9,"name":89,"slug":90,"tags":91,"cover":94,"tagline":95,"is_featured":84,"date_created":96,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[92],{"seo":9,"name":9,"slug":93},"colors","eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":98,"url":99,"icon":9,"name":100,"slug":101,"tags":102,"cover":104,"tagline":105,"is_featured":84,"date_created":106,"date_updated":9},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[103],{"seo":9,"name":9,"slug":93},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":108,"url":109,"icon":9,"name":110,"slug":111,"tags":112,"cover":116,"tagline":117,"is_featured":84,"date_created":118,"date_updated":9},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[113,114],{"seo":9,"name":53,"slug":31},{"seo":9,"name":9,"slug":115},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[120,126,132,138,144,150,156,162,168,174,180,186,192,198,204,210,216],{"url":121,"name":122,"slug":123,"cover":124,"tagline":125},"https:\u002F\u002Fnewt.sh","Newt","newt-pixel-editor","076bb534-e0f9-4ca6-bce2-87d92cb1d68a.webp","A code-based pixel art editor where every pixel is written, not drawn",{"url":127,"name":128,"slug":129,"cover":130,"tagline":131},"https:\u002F\u002Fvizcom.ai","Vizcom","vizcom","d5d15acc-4175-4cb0-8868-aa212f95049f.webp","Turn hand-drawn sketches into realistic 3D renders with AI",{"url":133,"name":134,"slug":135,"cover":136,"tagline":137},"https:\u002F\u002Fscreen.studio","Screen Studio","screen-studio","e6b8a810-c70f-4d92-8b53-e0de8bcebef5.webp","Professional screen recording for designers with auto-zoom and motion blur",{"url":139,"name":140,"slug":141,"cover":142,"tagline":143},"https:\u002F\u002Fpika.style","Pika","pika-style","3cc98291-eb26-474d-8b17-4ba24d5d9683.webp","Beautiful screenshots and mockups in seconds",{"url":145,"name":146,"slug":147,"cover":148,"tagline":149},"https:\u002F\u002Fshapr3d.com","Shapr3D","shapr3d","c56c8a92-a723-44c9-87e8-2df7a8ddaff8.webp","Professional 3D CAD modeling for iPad and Mac",{"url":151,"name":152,"slug":153,"cover":154,"tagline":155},"https:\u002F\u002Fspacetypegenerator.com","Space Type Generator","space-type-generator","7a81b1e4-c76c-4410-9e43-552eab482dad.webp","Create stunning kinetic typography and text animations online",{"url":157,"name":158,"slug":159,"cover":160,"tagline":161},"https:\u002F\u002Fvidu.studio","Vidu Studio","vidu-studio","7468d4a3-fa6e-4265-9854-e5a1a48d8e22.webp","AI-driven video generation with exceptional consistency and realism",{"url":163,"name":164,"slug":165,"cover":166,"tagline":167},"https:\u002F\u002Fbitspace.sh","Bitspace","bitspace","2c4f5ab6-8db6-41ac-a3e1-5ba902449603.webp","Node-based visual programming for generative design and graphics",{"url":169,"name":170,"slug":171,"cover":172,"tagline":173},"https:\u002F\u002Fwww.nvidia.com\u002Fen-us\u002Fstudio\u002Fcanvas\u002F","NVIDIA Canvas","nvidia-canvas","63badfde-92dd-4a52-8f14-3de947802c68.webp","Turn simple brush strokes into realistic landscape images",{"url":175,"name":176,"slug":177,"cover":178,"tagline":179},"https:\u002F\u002Fmodyfi.com","Modyfi","modyfi","ed1471b9-66ad-46e1-a45f-33c0dbeb4d15.webp","Next-gen browser-based design tool with image editing and shaders",{"url":181,"name":182,"slug":183,"cover":184,"tagline":185},"https:\u002F\u002Fcleanup.pictures","Cleanup.pictures","cleanup-pictures","cd7290ed-b0ca-4579-8606-0f38fc8961de.webp","Remove unwanted objects, people, and defects from photos with AI",{"url":187,"name":188,"slug":189,"cover":190,"tagline":191},"https:\u002F\u002Fsquircley.lol","Squircley","squircley","1c2b3d50-be88-4647-95ce-20d1f7229746.webp","Generate beautiful SVG squircles with organic curves",{"url":193,"name":194,"slug":195,"cover":196,"tagline":197},"https:\u002F\u002Fmagma.com","Magma","magma","8ab8f9d5-037c-4b96-a726-7586268b47a2.webp","Online collaborative digital painting studio",{"url":199,"name":200,"slug":201,"cover":202,"tagline":203},"https:\u002F\u002Fpngmaker.ai","PNGMaker","pngmaker","97364769-1d98-4753-ba00-467e5ca6b0a1.webp","Turn text prompts into high-quality transparent PNG images",{"url":205,"name":206,"slug":207,"cover":208,"tagline":209},"https:\u002F\u002Fvdraw.ai","VDraw","vdraw","b492a9f1-704a-4826-8f95-002fb27124c6.webp","Free all-in-one AI visual creation platform",{"url":211,"name":212,"slug":213,"cover":214,"tagline":215},"https:\u002F\u002Fwww.pixarai.com","PixarAI","pixar-ai","6b381053-3dd6-4802-8360-4cec6e730cc3.webp","Turn photos into Pixar-style artwork",{"url":217,"name":218,"slug":219,"cover":220,"tagline":221},"https:\u002F\u002Ficons8.com","ICONS8","icons8","781eea54-cd43-4271-a400-a07138d385d4.webp","Massive library of design resources and AI tools",[223,236,251],{"url":224,"icon":9,"name":225,"slug":226,"tags":227,"cover":233,"tagline":234,"is_featured":3,"date_created":235,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[228,230,231,232],{"seo":9,"name":9,"slug":229},"collaboration",{"seo":9,"name":9,"slug":77},{"seo":9,"name":67,"slug":68},{"seo":9,"name":9,"slug":81},"7dc9bed7-8510-495f-82b3-84a60b1b4819.webp","Fast, streamlined issue tracking and project management — built for modern product teams","2026-06-16T07:18:11.23048+00:00",{"url":237,"icon":9,"name":238,"slug":239,"tags":240,"cover":248,"tagline":249,"is_featured":3,"date_created":250,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[241,242,243,244,246],{"seo":9,"name":53,"slug":31},{"seo":9,"name":50,"slug":51},{"seo":9,"name":9,"slug":72},{"seo":9,"name":9,"slug":245},"svg",{"seo":9,"name":9,"slug":247},"print-design","9f4321c5-7770-4e9d-a434-774fc0698c90.webp","The free and open-source image editor — a powerful Photoshop alternative for photo retouching and image composition","2026-06-16T07:16:45.154035+00:00",{"url":252,"icon":9,"name":253,"slug":254,"tags":255,"cover":261,"tagline":262,"is_featured":3,"date_created":263,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[256,258,259,260],{"seo":9,"name":9,"slug":257},"wireframe",{"seo":9,"name":9,"slug":77},{"seo":9,"name":9,"slug":229},{"seo":9,"name":67,"slug":68},"3d08be4f-39f6-4152-a769-e28d1a04aac2.webp","Fast, focused wireframing tool that keeps conversations on structure — not pixels","2026-06-16T07:14:07.685566+00:00"]