[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-motionity-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":54,"alternatives-motionity-en-US":128,"related-resources-motionity-en-US":231},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,76,89,102],{"id":56,"url":57,"icon":9,"name":58,"slug":59,"tags":60,"cover":72,"tagline":73,"is_featured":74,"date_created":75,"date_updated":9},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[61,62,64,66,68,70],{"seo":9,"name":53,"slug":31},{"seo":9,"name":9,"slug":63},"fonts",{"seo":9,"name":9,"slug":65},"icons",{"seo":9,"name":9,"slug":67},"mockups",{"seo":9,"name":9,"slug":69},"ui-kits",{"seo":9,"name":9,"slug":71},"design-systems","39af338d-2e06-4c05-bfcb-b33066ed9bb7.webp","Official Apple design templates, UI kits, fonts, and tools",false,"2026-07-16T01:44:01.585569+00:00",{"id":77,"url":78,"icon":9,"name":79,"slug":80,"tags":81,"cover":86,"tagline":87,"is_featured":74,"date_created":88,"date_updated":9},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[82,83,84],{"seo":9,"name":53,"slug":31},{"seo":9,"name":50,"slug":51},{"seo":9,"name":9,"slug":85},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":90,"url":91,"icon":9,"name":92,"slug":93,"tags":94,"cover":99,"tagline":100,"is_featured":74,"date_created":101,"date_updated":9},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[95,96,97],{"seo":9,"name":53,"slug":31},{"seo":9,"name":9,"slug":69},{"seo":9,"name":9,"slug":98},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":103,"url":104,"icon":9,"name":105,"slug":106,"tags":107,"cover":125,"tagline":126,"is_featured":74,"date_created":127,"date_updated":9},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[108,111,113,114,117,118,119,121,123],{"seo":9,"name":109,"slug":110},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":112},"ai",{"seo":9,"name":53,"slug":31},{"seo":9,"name":115,"slug":116},"Freemium","freemium",{"seo":9,"name":9,"slug":69},{"seo":9,"name":9,"slug":71},{"seo":9,"name":9,"slug":120},"prototyping",{"seo":9,"name":9,"slug":122},"no-code",{"seo":9,"name":9,"slug":124},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[129,135,141,147,153,159,165,171,177,183,189,195,201,207,213,219,225],{"url":130,"name":131,"slug":132,"cover":133,"tagline":134},"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":136,"name":137,"slug":138,"cover":139,"tagline":140},"https:\u002F\u002Fvizcom.ai","Vizcom","vizcom","d5d15acc-4175-4cb0-8868-aa212f95049f.webp","Turn hand-drawn sketches into realistic 3D renders with AI",{"url":142,"name":143,"slug":144,"cover":145,"tagline":146},"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":148,"name":149,"slug":150,"cover":151,"tagline":152},"https:\u002F\u002Fpika.style","Pika","pika-style","3cc98291-eb26-474d-8b17-4ba24d5d9683.webp","Beautiful screenshots and mockups in seconds",{"url":154,"name":155,"slug":156,"cover":157,"tagline":158},"https:\u002F\u002Fshapr3d.com","Shapr3D","shapr3d","c56c8a92-a723-44c9-87e8-2df7a8ddaff8.webp","Professional 3D CAD modeling for iPad and Mac",{"url":160,"name":161,"slug":162,"cover":163,"tagline":164},"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":166,"name":167,"slug":168,"cover":169,"tagline":170},"https:\u002F\u002Fvidu.studio","Vidu Studio","vidu-studio","7468d4a3-fa6e-4265-9854-e5a1a48d8e22.webp","AI-driven video generation with exceptional consistency and realism",{"url":172,"name":173,"slug":174,"cover":175,"tagline":176},"https:\u002F\u002Fbitspace.sh","Bitspace","bitspace","2c4f5ab6-8db6-41ac-a3e1-5ba902449603.webp","Node-based visual programming for generative design and graphics",{"url":178,"name":179,"slug":180,"cover":181,"tagline":182},"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":184,"name":185,"slug":186,"cover":187,"tagline":188},"https:\u002F\u002Fmodyfi.com","Modyfi","modyfi","ed1471b9-66ad-46e1-a45f-33c0dbeb4d15.webp","Next-gen browser-based design tool with image editing and shaders",{"url":190,"name":191,"slug":192,"cover":193,"tagline":194},"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":196,"name":197,"slug":198,"cover":199,"tagline":200},"https:\u002F\u002Fsquircley.lol","Squircley","squircley","1c2b3d50-be88-4647-95ce-20d1f7229746.webp","Generate beautiful SVG squircles with organic curves",{"url":202,"name":203,"slug":204,"cover":205,"tagline":206},"https:\u002F\u002Fmagma.com","Magma","magma","8ab8f9d5-037c-4b96-a726-7586268b47a2.webp","Online collaborative digital painting studio",{"url":208,"name":209,"slug":210,"cover":211,"tagline":212},"https:\u002F\u002Fpngmaker.ai","PNGMaker","pngmaker","97364769-1d98-4753-ba00-467e5ca6b0a1.webp","Turn text prompts into high-quality transparent PNG images",{"url":214,"name":215,"slug":216,"cover":217,"tagline":218},"https:\u002F\u002Fvdraw.ai","VDraw","vdraw","b492a9f1-704a-4826-8f95-002fb27124c6.webp","Free all-in-one AI visual creation platform",{"url":220,"name":221,"slug":222,"cover":223,"tagline":224},"https:\u002F\u002Fwww.pixarai.com","PixarAI","pixar-ai","6b381053-3dd6-4802-8360-4cec6e730cc3.webp","Turn photos into Pixar-style artwork",{"url":226,"name":227,"slug":228,"cover":229,"tagline":230},"https:\u002F\u002Ficons8.com","ICONS8","icons8","781eea54-cd43-4271-a400-a07138d385d4.webp","Massive library of design resources and AI tools",[232,245,261],{"url":233,"icon":9,"name":234,"slug":235,"tags":236,"cover":242,"tagline":243,"is_featured":3,"date_created":244,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[237,239,240,241],{"seo":9,"name":9,"slug":238},"collaboration",{"seo":9,"name":9,"slug":120},{"seo":9,"name":115,"slug":116},{"seo":9,"name":9,"slug":124},"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":246,"icon":9,"name":247,"slug":248,"tags":249,"cover":258,"tagline":259,"is_featured":3,"date_created":260,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[250,251,252,254,256],{"seo":9,"name":53,"slug":31},{"seo":9,"name":50,"slug":51},{"seo":9,"name":9,"slug":253},"image-editing",{"seo":9,"name":9,"slug":255},"svg",{"seo":9,"name":9,"slug":257},"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":262,"icon":9,"name":263,"slug":264,"tags":265,"cover":271,"tagline":272,"is_featured":3,"date_created":273,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[266,268,269,270],{"seo":9,"name":9,"slug":267},"wireframe",{"seo":9,"name":9,"slug":120},{"seo":9,"name":9,"slug":238},{"seo":9,"name":115,"slug":116},"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"]