[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-animista-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":48,"alternatives-animista-en-US":113,"related-resources-animista-en-US":228},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":21,"cons":25,"best_for":28,"cover":29,"icon":9,"pricing":30,"platform":31,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":33,"views_count":34,"featured_rank":9,"categories":35,"tags":44,"files":9},724,"Animista","animista","https:\u002F\u002Fanimista.net",null,"Ready-to-use CSS animations library with customizable effects","Animista is a free web-based tool that provides a vast collection of ready-to-use CSS animations. You can browse animations by type, customize their duration, delay, direction, and easing, then export the generated CSS code or link via CDN. It covers everything from basic fades and rotations to complex bounces, shakes, and entrances, making it easy to add polished motion to any web project without writing animation code from scratch.",{"title":13,"meta_description":14},"Animista — Ready-to-use CSS animations library with customizable ef...","Animista is a free webbased tool that provides a vast collection of readytouse CSS animations. You can browse animations by type, customize their duration, d...",[16,17,18,19,20],"Browse hundreds of pre-built CSS animations by category","Customize animation duration, delay, direction, and timing function","Export generated CSS code or use CDN link for quick integration","Preview animations in real-time before adding to your project","Organized into clear categories like Entrances, Exits, and Attention Seekers",[22,23,24],"Completely free with no registration required","Intuitive interface makes it easy to find and tweak animations","Exports clean CSS that works across modern browsers",[26,27],"Limited to CSS animations only, no JavaScript-based effects","Some advanced easing options are not available","Web developers and designers who want to quickly add polished CSS animations to their projects without writing code from scratch.","da1ff664-804e-4896-bda7-e32f204f51cd.webp","free",[32],"Web",{"free":3},0,[36,40],{"name":37,"slug":38,"sub_categories":39},"Design Tools","design-tools",[],{"name":41,"slug":42,"sub_categories":43},"Animation","animation",[],[45,47],{"name":46,"slug":30},"Free",{"name":41,"slug":42},[49,80,91,101],{"id":50,"url":51,"icon":9,"name":52,"slug":53,"tags":54,"cover":76,"tagline":77,"is_featured":78,"date_created":79,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[55,58,60,63,65,67,69,70,72,74],{"seo":9,"name":56,"slug":57},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":59},"ai",{"seo":9,"name":61,"slug":62},"Freemium","freemium",{"seo":9,"name":9,"slug":64},"free-trial",{"seo":9,"name":9,"slug":66},"image-editing",{"seo":9,"name":9,"slug":68},"video",{"seo":9,"name":9,"slug":42},{"seo":9,"name":9,"slug":71},"prototyping",{"seo":9,"name":9,"slug":73},"no-code",{"seo":9,"name":9,"slug":75},"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":81,"url":82,"icon":9,"name":83,"slug":84,"tags":85,"cover":88,"tagline":89,"is_featured":78,"date_created":90,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[86],{"seo":9,"name":9,"slug":87},"colors","eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":92,"url":93,"icon":9,"name":94,"slug":95,"tags":96,"cover":98,"tagline":99,"is_featured":78,"date_created":100,"date_updated":9},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[97],{"seo":9,"name":9,"slug":87},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":102,"url":103,"icon":9,"name":104,"slug":105,"tags":106,"cover":110,"tagline":111,"is_featured":78,"date_created":112,"date_updated":9},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[107,108],{"seo":9,"name":46,"slug":30},{"seo":9,"name":9,"slug":109},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[114,120,126,132,138,144,150,156,162,168,174,180,186,192,198,204,210,216,222],{"url":115,"name":116,"slug":117,"cover":118,"tagline":119},"https:\u002F\u002Fwww.openshot.org","OpenShot","openshot","7ed18533-d505-40c8-8ced-bed19705a9d4.webp","Free and open-source video editor — powerful, easy to use, and cross-platform",{"url":121,"name":122,"slug":123,"cover":124,"tagline":125},"https:\u002F\u002Fvidu.studio","Vidu Studio","vidu-studio","7468d4a3-fa6e-4265-9854-e5a1a48d8e22.webp","AI-driven video generation with exceptional consistency and realism",{"url":127,"name":128,"slug":129,"cover":130,"tagline":131},"https:\u002F\u002Fbitspace.sh","Bitspace","bitspace","2c4f5ab6-8db6-41ac-a3e1-5ba902449603.webp","Node-based visual programming for generative design and graphics",{"url":133,"name":134,"slug":135,"cover":136,"tagline":137},"https:\u002F\u002Fbooltool.boolv.tech","Booltool","booltool","dc873c09-89aa-43b8-adf4-47c4cf18c8b4.webp","AI-powered image editing toolkit for background removal and enhancement",{"url":139,"name":140,"slug":141,"cover":142,"tagline":143},"https:\u002F\u002Fclipdrop.co\u002Frelight","Relight","relight-clipdrop","dcb2018a-6607-4988-b3ee-68bd2eb3dacc.webp","AI-powered image relighting — adjust light direction, intensity, and color",{"url":145,"name":146,"slug":147,"cover":148,"tagline":149},"https:\u002F\u002Fmotionfly.co","Motionfly","motionfly","5b285b49-cdc7-4517-a7af-69086ca543a1.webp","AI product launch video generator with 3D device mockups",{"url":151,"name":152,"slug":153,"cover":154,"tagline":155},"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":157,"name":158,"slug":159,"cover":160,"tagline":161},"https:\u002F\u002Fmootion.com","Mootion","mootion","bb172692-5a02-4a4c-add1-9281ebd87b36.webp","Generate 3D character animations from text descriptions",{"url":163,"name":164,"slug":165,"cover":166,"tagline":167},"https:\u002F\u002Fprovisual.app","ProVisual","provisual","c0d53b93-b9c2-4ec8-a7ee-0ffaffc10fe0.webp","Create stunning 3D product visualizations directly in your browser",{"url":169,"name":170,"slug":171,"cover":172,"tagline":173},"https:\u002F\u002Fsquircley.lol","Squircley","squircley","1c2b3d50-be88-4647-95ce-20d1f7229746.webp","Generate beautiful SVG squircles with organic curves",{"url":175,"name":176,"slug":177,"cover":178,"tagline":179},"https:\u002F\u002Fmagicpattern.design","MagicPattern","magicpattern","bc5a27ac-20f5-443c-9d44-c9d453c9f5b3.webp","Create stunning patterns, gradients, and blobs in minutes",{"url":181,"name":182,"slug":183,"cover":184,"tagline":185},"https:\u002F\u002Fxnapper.com","Xnapper","xnapper","eaed31e4-1981-49a7-a8f1-25aa19d1786d.webp","Beautiful screenshot capture and beautification for macOS",{"url":187,"name":188,"slug":189,"cover":190,"tagline":191},"https:\u002F\u002Fgetcssscan.com","CSS Scan","css-scan","19d475e1-e0ae-4294-a189-bdd7e6929981.webp","Inspect and copy CSS of any element on any website",{"url":193,"name":194,"slug":195,"cover":196,"tagline":197},"https:\u002F\u002Fepiceasing.com","Epic Easing","epic-easing","264d2f69-a81e-4142-9157-9c9a006dd1a7.webp","Visual CSS easing function generator for animations",{"url":199,"name":200,"slug":201,"cover":202,"tagline":203},"https:\u002F\u002Fblobanimation.com","Blob Animation","blob-animation","3a3d07bf-af7e-49fb-a183-4c07ed59b375.webp","Create organic SVG blob shapes with smooth animations",{"url":205,"name":206,"slug":207,"cover":208,"tagline":209},"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":211,"name":212,"slug":213,"cover":214,"tagline":215},"https:\u002F\u002Fwww.svgator.com","SVGator","svgator","4a1092c3-9615-418c-a17c-8a495b15d25a.webp","Animate SVG files without coding — create stunning vector animations for web and UI",{"url":217,"name":218,"slug":219,"cover":220,"tagline":221},"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":223,"name":224,"slug":225,"cover":226,"tagline":227},"https:\u002F\u002Fwww.imagine.art","ImagineArt","imagineart","e8fbc952-c8fd-48c9-8d13-af38e0dc4db4.webp","AI Creative Suite for Images, Videos, and Audio",[229,242,259],{"url":230,"icon":9,"name":231,"slug":232,"tags":233,"cover":239,"tagline":240,"is_featured":3,"date_created":241,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[234,236,237,238],{"seo":9,"name":9,"slug":235},"collaboration",{"seo":9,"name":9,"slug":71},{"seo":9,"name":61,"slug":62},{"seo":9,"name":9,"slug":75},"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":243,"icon":9,"name":244,"slug":245,"tags":246,"cover":256,"tagline":257,"is_featured":3,"date_created":258,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[247,248,251,252,254],{"seo":9,"name":46,"slug":30},{"seo":9,"name":249,"slug":250},"Open Source","open-source",{"seo":9,"name":9,"slug":66},{"seo":9,"name":9,"slug":253},"svg",{"seo":9,"name":9,"slug":255},"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":260,"icon":9,"name":261,"slug":262,"tags":263,"cover":269,"tagline":270,"is_featured":3,"date_created":271,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[264,266,267,268],{"seo":9,"name":9,"slug":265},"wireframe",{"seo":9,"name":9,"slug":71},{"seo":9,"name":9,"slug":235},{"seo":9,"name":61,"slug":62},"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"]