[{"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":132,"related-resources-blob-animation-en-US":265},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,78,93,106],{"id":58,"url":59,"icon":9,"name":60,"slug":61,"tags":62,"cover":74,"tagline":75,"is_featured":76,"date_created":77,"date_updated":9},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[63,64,66,68,70,72],{"seo":9,"name":51,"slug":31},{"seo":9,"name":9,"slug":65},"fonts",{"seo":9,"name":9,"slug":67},"icons",{"seo":9,"name":9,"slug":69},"mockups",{"seo":9,"name":9,"slug":71},"ui-kits",{"seo":9,"name":9,"slug":73},"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":79,"url":80,"icon":9,"name":81,"slug":82,"tags":83,"cover":90,"tagline":91,"is_featured":76,"date_created":92,"date_updated":9},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[84,85,88],{"seo":9,"name":51,"slug":31},{"seo":9,"name":86,"slug":87},"Open Source","open-source",{"seo":9,"name":9,"slug":89},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":94,"url":95,"icon":9,"name":96,"slug":97,"tags":98,"cover":103,"tagline":104,"is_featured":76,"date_created":105,"date_updated":9},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[99,100,101],{"seo":9,"name":51,"slug":31},{"seo":9,"name":9,"slug":71},{"seo":9,"name":9,"slug":102},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":107,"url":108,"icon":9,"name":109,"slug":110,"tags":111,"cover":129,"tagline":130,"is_featured":76,"date_created":131,"date_updated":9},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[112,115,117,118,121,122,123,125,127],{"seo":9,"name":113,"slug":114},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":116},"ai",{"seo":9,"name":51,"slug":31},{"seo":9,"name":119,"slug":120},"Freemium","freemium",{"seo":9,"name":9,"slug":71},{"seo":9,"name":9,"slug":73},{"seo":9,"name":9,"slug":124},"prototyping",{"seo":9,"name":9,"slug":126},"no-code",{"seo":9,"name":9,"slug":128},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[133,139,145,151,157,163,169,175,181,187,193,199,205,211,217,223,229,235,241,247,253,259],{"url":134,"name":135,"slug":136,"cover":137,"tagline":138},"https:\u002F\u002Fbitspace.sh","Bitspace","bitspace","2c4f5ab6-8db6-41ac-a3e1-5ba902449603.webp","Node-based visual programming for generative design and graphics",{"url":140,"name":141,"slug":142,"cover":143,"tagline":144},"https:\u002F\u002Fanimista.net","Animista","animista","da1ff664-804e-4896-bda7-e32f204f51cd.webp","Ready-to-use CSS animations library with customizable effects",{"url":146,"name":147,"slug":148,"cover":149,"tagline":150},"https:\u002F\u002Fmotionfly.co","Motionfly","motionfly","5b285b49-cdc7-4517-a7af-69086ca543a1.webp","AI product launch video generator with 3D device mockups",{"url":152,"name":153,"slug":154,"cover":155,"tagline":156},"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":158,"name":159,"slug":160,"cover":161,"tagline":162},"https:\u002F\u002Fmokker.ai","Mokker","mokker","e5e17125-a64f-4026-9099-3ddc92dcc6c7.webp","AI-powered product photo background generator",{"url":164,"name":165,"slug":166,"cover":167,"tagline":168},"https:\u002F\u002Fmootion.com","Mootion","mootion","bb172692-5a02-4a4c-add1-9281ebd87b36.webp","Generate 3D character animations from text descriptions",{"url":170,"name":171,"slug":172,"cover":173,"tagline":174},"https:\u002F\u002Fpixellab.ai","PixelLab","pixellab","378ad05f-af5a-42de-b6af-ae8d9fed37c8.webp","AI pixel art generator from text prompts",{"url":176,"name":177,"slug":178,"cover":179,"tagline":180},"https:\u002F\u002Fsquircley.lol","Squircley","squircley","1c2b3d50-be88-4647-95ce-20d1f7229746.webp","Generate beautiful SVG squircles with organic curves",{"url":182,"name":183,"slug":184,"cover":185,"tagline":186},"https:\u002F\u002Fepiceasing.com","Epic Easing","epic-easing","264d2f69-a81e-4142-9157-9c9a006dd1a7.webp","Visual CSS easing function generator for animations",{"url":188,"name":189,"slug":190,"cover":191,"tagline":192},"https:\u002F\u002Fmagma.com","Magma","magma","8ab8f9d5-037c-4b96-a726-7586268b47a2.webp","Online collaborative digital painting studio",{"url":194,"name":195,"slug":196,"cover":197,"tagline":198},"https:\u002F\u002Fwww.format.com","Format","format","23082fc2-127d-4031-8218-47ae3b6c4be3.webp","Beautiful portfolio websites for creatives and professionals",{"url":200,"name":201,"slug":202,"cover":203,"tagline":204},"https:\u002F\u002Fpreline.co","Preline","preline","6eef6163-98a0-43bd-9100-e856485426c9.webp","Tailwind CSS UI component library for modern web apps",{"url":206,"name":207,"slug":208,"cover":209,"tagline":210},"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":212,"name":213,"slug":214,"cover":215,"tagline":216},"https:\u002F\u002Fskylum.com\u002Fluminar","Luminar Neo","luminar-neo","d6ad7f90-eae8-4102-9c58-64d943537f6b.webp","AI-powered photo editor for breathtaking results",{"url":218,"name":219,"slug":220,"cover":221,"tagline":222},"https:\u002F\u002Fartbreeder.com","Artbreeder","artbreeder","570a3c8a-da9f-4a57-a27a-315273335d84.webp","Breed and blend images with genetic AI technology",{"url":224,"name":225,"slug":226,"cover":227,"tagline":228},"https:\u002F\u002Fperspectr.signalsupply.co","Perspectr","perspectr","3a84aa58-5120-41ab-94ac-71c1de3bacbe.webp","Online isometric perspective CSS generator for web elements",{"url":230,"name":231,"slug":232,"cover":233,"tagline":234},"https:\u002F\u002Fmacaron-elements.com","Macaron","macaron","d4005d4f-7a50-4fc7-9301-61601da5fe64.webp","Free collection of SVG UI elements and design assets",{"url":236,"name":237,"slug":238,"cover":239,"tagline":240},"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":242,"name":243,"slug":244,"cover":245,"tagline":246},"https:\u002F\u002Flottieeditorx.cfd","LottieEditorX","lottie-editor-x","54494622-46f9-4ade-9d1d-f641bba804b7.webp","Online Lottie JSON animation editor and layer viewer",{"url":248,"name":249,"slug":250,"cover":251,"tagline":252},"https:\u002F\u002Fstableaudio.com","Stable Audio","stable-audio","bafc796a-f8bc-49ea-80ce-40ea97c38411.webp","AI music and sound effect generation by Stability AI",{"url":254,"name":255,"slug":256,"cover":257,"tagline":258},"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":260,"name":261,"slug":262,"cover":263,"tagline":264},"https:\u002F\u002Fwww.imagine.art","ImagineArt","imagineart","e8fbc952-c8fd-48c9-8d13-af38e0dc4db4.webp","AI Creative Suite for Images, Videos, and Audio",[266,279,294],{"url":267,"icon":9,"name":268,"slug":269,"tags":270,"cover":276,"tagline":277,"is_featured":3,"date_created":278,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[271,273,274,275],{"seo":9,"name":9,"slug":272},"collaboration",{"seo":9,"name":9,"slug":124},{"seo":9,"name":119,"slug":120},{"seo":9,"name":9,"slug":128},"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":280,"icon":9,"name":281,"slug":282,"tags":283,"cover":291,"tagline":292,"is_featured":3,"date_created":293,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[284,285,286,288,289],{"seo":9,"name":51,"slug":31},{"seo":9,"name":86,"slug":87},{"seo":9,"name":9,"slug":287},"image-editing",{"seo":9,"name":9,"slug":55},{"seo":9,"name":9,"slug":290},"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":295,"icon":9,"name":296,"slug":297,"tags":298,"cover":304,"tagline":305,"is_featured":3,"date_created":306,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[299,301,302,303],{"seo":9,"name":9,"slug":300},"wireframe",{"seo":9,"name":9,"slug":124},{"seo":9,"name":9,"slug":272},{"seo":9,"name":119,"slug":120},"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"]