[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-blob-animation-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":56,"alternatives-blob-animation-en-US":121,"related-resources-blob-animation-en-US":254},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":49,"files":9},747,"Blob Animation","blob-animation","https:\u002F\u002Fblobanimation.com",null,"Create organic SVG blob shapes with smooth animations","Blob Animation is a free online tool that lets you generate organic blob shapes and morphing animations in SVG format. You can customize colors, complexity, animation speed, and export the result as ready-to-use SVG code for your web projects.",{"title":13,"meta_description":14},"Blob Animation — Create organic SVG blob shapes with smooth animations","Blob Animation is a free online tool that lets you generate organic blob shapes and morphing animations in SVG format. You can customize colors, complexity, ...",[16,17,18,19,20,21],"Generates organic SVG blob shapes instantly","Smooth morphing animation between blob states","Customizable colors and background options","Adjustable complexity and animation speed","Export as clean SVG code or animated GIF","Real-time preview as you tweak parameters",[23,24,25],"Completely free with no account required","Simple and intuitive interface","Produces lightweight SVG animations",[27,28],"Limited shape control and presets","No advanced animation timeline editing","Web designers and developers looking to add organic animated blob shapes to their projects with minimal effort.","3a3d07bf-af7e-49fb-a183-4c07ed59b375.webp","free",[33],"Web",{"free":3},0,[37,41,45],{"name":38,"slug":39,"sub_categories":40},"Design Tools","design-tools",[],{"name":42,"slug":43,"sub_categories":44},"Illustrations & Graphics","illustrations-graphics",[],{"name":46,"slug":47,"sub_categories":48},"Animation","animation",[],[50,52,53],{"name":51,"slug":31},"Free",{"name":46,"slug":47},{"name":54,"slug":55},"SVG","svg",[57,88,99,109],{"id":58,"url":59,"icon":9,"name":60,"slug":61,"tags":62,"cover":84,"tagline":85,"is_featured":86,"date_created":87,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[63,66,68,71,73,75,77,78,80,82],{"seo":9,"name":64,"slug":65},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":67},"ai",{"seo":9,"name":69,"slug":70},"Freemium","freemium",{"seo":9,"name":9,"slug":72},"free-trial",{"seo":9,"name":9,"slug":74},"image-editing",{"seo":9,"name":9,"slug":76},"video",{"seo":9,"name":9,"slug":47},{"seo":9,"name":9,"slug":79},"prototyping",{"seo":9,"name":9,"slug":81},"no-code",{"seo":9,"name":9,"slug":83},"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":89,"url":90,"icon":9,"name":91,"slug":92,"tags":93,"cover":96,"tagline":97,"is_featured":86,"date_created":98,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[94],{"seo":9,"name":9,"slug":95},"colors","eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":100,"url":101,"icon":9,"name":102,"slug":103,"tags":104,"cover":106,"tagline":107,"is_featured":86,"date_created":108,"date_updated":9},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[105],{"seo":9,"name":9,"slug":95},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":110,"url":111,"icon":9,"name":112,"slug":113,"tags":114,"cover":118,"tagline":119,"is_featured":86,"date_created":120,"date_updated":9},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[115,116],{"seo":9,"name":51,"slug":31},{"seo":9,"name":9,"slug":117},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[122,128,134,140,146,152,158,164,170,176,182,188,194,200,206,212,218,224,230,236,242,248],{"url":123,"name":124,"slug":125,"cover":126,"tagline":127},"https:\u002F\u002Fbitspace.sh","Bitspace","bitspace","2c4f5ab6-8db6-41ac-a3e1-5ba902449603.webp","Node-based visual programming for generative design and graphics",{"url":129,"name":130,"slug":131,"cover":132,"tagline":133},"https:\u002F\u002Fanimista.net","Animista","animista","da1ff664-804e-4896-bda7-e32f204f51cd.webp","Ready-to-use CSS animations library with customizable effects",{"url":135,"name":136,"slug":137,"cover":138,"tagline":139},"https:\u002F\u002Fmotionfly.co","Motionfly","motionfly","5b285b49-cdc7-4517-a7af-69086ca543a1.webp","AI product launch video generator with 3D device mockups",{"url":141,"name":142,"slug":143,"cover":144,"tagline":145},"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":147,"name":148,"slug":149,"cover":150,"tagline":151},"https:\u002F\u002Fmokker.ai","Mokker","mokker","e5e17125-a64f-4026-9099-3ddc92dcc6c7.webp","AI-powered product photo background generator",{"url":153,"name":154,"slug":155,"cover":156,"tagline":157},"https:\u002F\u002Fmootion.com","Mootion","mootion","bb172692-5a02-4a4c-add1-9281ebd87b36.webp","Generate 3D character animations from text descriptions",{"url":159,"name":160,"slug":161,"cover":162,"tagline":163},"https:\u002F\u002Fpixellab.ai","PixelLab","pixellab","378ad05f-af5a-42de-b6af-ae8d9fed37c8.webp","AI pixel art generator from text prompts",{"url":165,"name":166,"slug":167,"cover":168,"tagline":169},"https:\u002F\u002Fsquircley.lol","Squircley","squircley","1c2b3d50-be88-4647-95ce-20d1f7229746.webp","Generate beautiful SVG squircles with organic curves",{"url":171,"name":172,"slug":173,"cover":174,"tagline":175},"https:\u002F\u002Fepiceasing.com","Epic Easing","epic-easing","264d2f69-a81e-4142-9157-9c9a006dd1a7.webp","Visual CSS easing function generator for animations",{"url":177,"name":178,"slug":179,"cover":180,"tagline":181},"https:\u002F\u002Fmagma.com","Magma","magma","8ab8f9d5-037c-4b96-a726-7586268b47a2.webp","Online collaborative digital painting studio",{"url":183,"name":184,"slug":185,"cover":186,"tagline":187},"https:\u002F\u002Fwww.format.com","Format","format","23082fc2-127d-4031-8218-47ae3b6c4be3.webp","Beautiful portfolio websites for creatives and professionals",{"url":189,"name":190,"slug":191,"cover":192,"tagline":193},"https:\u002F\u002Fpreline.co","Preline","preline","6eef6163-98a0-43bd-9100-e856485426c9.webp","Tailwind CSS UI component library for modern web apps",{"url":195,"name":196,"slug":197,"cover":198,"tagline":199},"https:\u002F\u002Fgenerated.photos\u002Fhuman-generator\u002F","Human Generator","human-generator","73ee255c-fae8-4061-b8b4-3b0cd6d07e20.webp","AI-generated diverse human faces and full-body photos",{"url":201,"name":202,"slug":203,"cover":204,"tagline":205},"https:\u002F\u002Fskylum.com\u002Fluminar","Luminar Neo","luminar-neo","d6ad7f90-eae8-4102-9c58-64d943537f6b.webp","AI-powered photo editor for breathtaking results",{"url":207,"name":208,"slug":209,"cover":210,"tagline":211},"https:\u002F\u002Fartbreeder.com","Artbreeder","artbreeder","570a3c8a-da9f-4a57-a27a-315273335d84.webp","Breed and blend images with genetic AI technology",{"url":213,"name":214,"slug":215,"cover":216,"tagline":217},"https:\u002F\u002Fperspectr.signalsupply.co","Perspectr","perspectr","3a84aa58-5120-41ab-94ac-71c1de3bacbe.webp","Online isometric perspective CSS generator for web elements",{"url":219,"name":220,"slug":221,"cover":222,"tagline":223},"https:\u002F\u002Fmacaron-elements.com","Macaron","macaron","d4005d4f-7a50-4fc7-9301-61601da5fe64.webp","Free collection of SVG UI elements and design assets",{"url":225,"name":226,"slug":227,"cover":228,"tagline":229},"https:\u002F\u002Fstudio.d-id.com","D-ID","did","605a00ff-6ce8-4bd2-ab54-f6280237416d.webp","AI video platform that animates photos into talking avatars",{"url":231,"name":232,"slug":233,"cover":234,"tagline":235},"https:\u002F\u002Flottieeditorx.cfd","LottieEditorX","lottie-editor-x","54494622-46f9-4ade-9d1d-f641bba804b7.webp","Online Lottie JSON animation editor and layer viewer",{"url":237,"name":238,"slug":239,"cover":240,"tagline":241},"https:\u002F\u002Fstableaudio.com","Stable Audio","stable-audio","bafc796a-f8bc-49ea-80ce-40ea97c38411.webp","AI music and sound effect generation by Stability AI",{"url":243,"name":244,"slug":245,"cover":246,"tagline":247},"https:\u002F\u002Fexpressioneditor.com","Expression Editor AI","expression-editor-ai","e0ee23d6-b1fb-4915-a142-44cb6a0d9109.webp","Change facial expressions, emotions, and head positions using AI",{"url":249,"name":250,"slug":251,"cover":252,"tagline":253},"https:\u002F\u002Fwww.imagine.art","ImagineArt","imagineart","e8fbc952-c8fd-48c9-8d13-af38e0dc4db4.webp","AI Creative Suite for Images, Videos, and Audio",[255,268,284],{"url":256,"icon":9,"name":257,"slug":258,"tags":259,"cover":265,"tagline":266,"is_featured":3,"date_created":267,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[260,262,263,264],{"seo":9,"name":9,"slug":261},"collaboration",{"seo":9,"name":9,"slug":79},{"seo":9,"name":69,"slug":70},{"seo":9,"name":9,"slug":83},"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":269,"icon":9,"name":270,"slug":271,"tags":272,"cover":281,"tagline":282,"is_featured":3,"date_created":283,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[273,274,277,278,279],{"seo":9,"name":51,"slug":31},{"seo":9,"name":275,"slug":276},"Open Source","open-source",{"seo":9,"name":9,"slug":74},{"seo":9,"name":9,"slug":55},{"seo":9,"name":9,"slug":280},"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":285,"icon":9,"name":286,"slug":287,"tags":288,"cover":294,"tagline":295,"is_featured":3,"date_created":296,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[289,291,292,293],{"seo":9,"name":9,"slug":290},"wireframe",{"seo":9,"name":9,"slug":79},{"seo":9,"name":9,"slug":261},{"seo":9,"name":69,"slug":70},"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"]