[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-animateicons-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":58,"alternatives-animateicons-en-US":116,"related-resources-animateicons-en-US":177},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":23,"cons":28,"best_for":32,"cover":33,"icon":9,"pricing":34,"platform":35,"github_url":37,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":38,"views_count":39,"featured_rank":9,"categories":40,"tags":49,"files":9},875,"AnimateIcons","animateicons","https:\u002F\u002Fanimateicons.in\u002F",null,"Open-source animated SVG icons for micro-interactions","AnimateIcons is an open-source library of animated SVG icons designed to bring lively micro-interactions to your React projects. Instead of shipping static icons, you get icons that respond to hover, clicks, and state changes — perfect for adding polish to buttons, menus, and dashboards.\n\nIcons are crisp SVG, lightweight, and easy to drop into any React app. The project is free and open source, with a growing set of icons and animations contributed by the community.\n\nBecause they're pure SVG, they scale to any size, stay sharp on retina screens, and play nicely with accessibility and reduced-motion preferences.",{"title":13,"meta_description":14},"AnimateIcons — Open-source animated SVG icons for micro-interactions","AnimateIcons is an opensource library of animated SVG icons designed to bring lively microinteractions to your React projects. Instead of shipping static ico...",[16,17,18,19,20,21,22],"Animated SVG icons for React projects","Micro-interactions on hover, click, and state change","Crisp, lightweight pure SVG","Scales to any size, retina sharp","Free and open source","Growing set of community-contributed icons","Respects reduced-motion preferences",[24,25,26,27],"Adds delightful motion without heavy animation libraries","Lightweight and scalable SVG","Open source and free","Easy React integration",[29,30,31],"Smaller set than major icon libraries","Primarily for React projects","Animation styles are consistent but limited","Best for React developers who want lightweight, animated icons with zero dependencies","80549d3e-12e4-4cf1-9190-cb1152e86967.webp","free",[36],"Web","https:\u002F\u002Fgithub.com\u002FAvijit07x\u002Fanimateicons",{"free":3,"note":20},0,[41,45],{"name":42,"slug":43,"sub_categories":44},"Icons","icons",[],{"name":46,"slug":47,"sub_categories":48},"Animation","animation",[],[50,51,52,55],{"name":42,"slug":43},{"name":46,"slug":47},{"name":53,"slug":54},"SVG","svg",{"name":56,"slug":57},"Open Source","open-source",[59,76,90,102],{"id":60,"url":61,"icon":9,"name":62,"slug":63,"tags":64,"cover":72,"tagline":73,"is_featured":74,"date_created":75,"date_updated":9},880,"https:\u002F\u002Fwww.arlan.me\u002Fvault","Arlan's Vault","arlans-vault",[65,68,70],{"seo":9,"name":66,"slug":67},"Vibe Coding","vibe-coding",{"seo":9,"name":9,"slug":69},"web-design",{"seo":9,"name":9,"slug":71},"ui-kits","ca1dcd3a-0023-41eb-b387-6770a7529f7e.webp","A library of web interaction and design style prompts",false,"2026-08-20T07:35:22.316179+00:00",{"id":77,"url":78,"icon":9,"name":79,"slug":80,"tags":81,"cover":87,"tagline":88,"is_featured":74,"date_created":89,"date_updated":9},879,"https:\u002F\u002Fpurelanding.page\u002F","Pure","pure-landing-page",[82,84,86],{"seo":9,"name":9,"slug":83},"inspiration",{"seo":9,"name":9,"slug":85},"landing-page",{"seo":9,"name":9,"slug":69},"d03eb69a-e8e3-4914-b8f3-8453f8440ae8.webp","A clean inspiration gallery of beautiful landing pages","2026-08-20T07:35:13.377601+00:00",{"id":91,"url":92,"icon":9,"name":93,"slug":94,"tags":95,"cover":99,"tagline":100,"is_featured":74,"date_created":101,"date_updated":9},878,"https:\u002F\u002Fposts.design\u002F","Posts.design","posts-design",[96,97],{"seo":9,"name":9,"slug":83},{"seo":9,"name":9,"slug":98},"social-media","2e97cacb-a94e-40eb-b415-8d26dc2281d4.webp","A curated gallery of real social media posts for design inspiration","2026-08-20T07:35:05.176939+00:00",{"id":103,"url":104,"icon":9,"name":105,"slug":106,"tags":107,"cover":113,"tagline":114,"is_featured":74,"date_created":115,"date_updated":9},877,"https:\u002F\u002Fhumation.app\u002Favatar","Humation","humation",[108,110,112],{"seo":9,"name":9,"slug":109},"illustrations",{"seo":9,"name":9,"slug":111},"freebie",{"seo":9,"name":9,"slug":98},"59a1035f-1f6d-4202-a511-3b1f4dd4d796.webp","Generate cute hand-drawn avatars for your profile or brand","2026-08-20T07:34:57.715327+00:00",[117,123,129,135,141,147,153,159,165,171],{"url":118,"name":119,"slug":120,"cover":121,"tagline":122},"https:\u002F\u002Fvectorwiki.com","VectorWiki","vectorwiki","84ecddf4-e16b-4453-a9cc-eeaa05fc56aa.webp","Search engine for thousands of free SVG vector icons",{"url":124,"name":125,"slug":126,"cover":127,"tagline":128},"https:\u002F\u002Fmacaron-elements.com","Macaron","macaron","d4005d4f-7a50-4fc7-9301-61601da5fe64.webp","Free collection of SVG UI elements and design assets",{"url":130,"name":131,"slug":132,"cover":133,"tagline":134},"https:\u002F\u002Fspacetypegenerator.com\u002F","SpaceTypeGenerator","spacetypegenerator","92b0b73c-4a22-474a-811e-6f9a9a419cb3.webp","Kinetic typography and text animation generator",{"url":136,"name":137,"slug":138,"cover":139,"tagline":140},"https:\u002F\u002Faimu.app","Aimu","aimu","af56e687-9173-49b9-a262-55e91c96ed16.webp","Online subtitle editor with auto-generation",{"url":142,"name":143,"slug":144,"cover":145,"tagline":146},"https:\u002F\u002Ftiktokvoice.net","TikTokVoice","tiktokvoice","91ce6a7c-1290-415c-88ba-f2aaf0955538.webp","Text-to-speech AI voiceover with TikTok voices",{"url":148,"name":149,"slug":150,"cover":151,"tagline":152},"https:\u002F\u002Foriginkit.dev\u002F","OriginKit","originkit","299e2e55-e86a-4eaf-ab59-137a2f6c3282.webp","Free animated component library for modern websites",{"url":154,"name":155,"slug":156,"cover":157,"tagline":158},"https:\u002F\u002Freicon.dev\u002F","Reicon","reicon","ba9a3ad7-e1a7-4b81-87d1-f1ceac45330a.webp","2,700+ open-source SVG icons for your next project",{"url":160,"name":161,"slug":162,"cover":163,"tagline":164},"https:\u002F\u002Fkoboyo.com\u002Ficons","Koboyo Icons","koboyo-icons","ee3cd197-46a7-49a8-b681-48db8770685e.webp","130,000+ free hand-drawn SVG icons with an AI canvas",{"url":166,"name":167,"slug":168,"cover":169,"tagline":170},"https:\u002F\u002Fgithub.com\u002Fensaktas1\u002Ficones-desktop","Icônes Desktop","icones-desktop","759dc944-b746-4fa5-998b-ac1f626cc708.webp","A native Mac app to browse and copy 200,000+ icons",{"url":172,"name":173,"slug":174,"cover":175,"tagline":176},"https:\u002F\u002Fwww.tripwire.sh\u002Fdither-kit","Dither Kit","dither-kit","48125c53-da59-4375-9409-14c409052ace.webp","Retro pixel-perfect charts and UI components for your site",[178,185,192],{"url":166,"icon":9,"name":167,"slug":168,"tags":179,"cover":169,"tagline":170,"is_featured":74,"date_created":184,"date_updated":9},[180,181,182,183],{"seo":9,"name":9,"slug":43},{"seo":9,"name":9,"slug":54},{"seo":9,"name":56,"slug":57},{"seo":9,"name":9,"slug":111},"2026-08-20T07:34:24.804969+00:00",{"url":160,"icon":9,"name":161,"slug":162,"tags":186,"cover":163,"tagline":164,"is_featured":74,"date_created":191,"date_updated":9},[187,188,189,190],{"seo":9,"name":9,"slug":43},{"seo":9,"name":9,"slug":109},{"seo":9,"name":9,"slug":54},{"seo":9,"name":9,"slug":111},"2026-08-20T07:34:15.474384+00:00",{"url":154,"icon":9,"name":155,"slug":156,"tags":193,"cover":157,"tagline":158,"is_featured":74,"date_created":198,"date_updated":9},[194,195,196,197],{"seo":9,"name":9,"slug":43},{"seo":9,"name":9,"slug":54},{"seo":9,"name":56,"slug":57},{"seo":9,"name":9,"slug":111},"2026-08-20T07:34:07.075355+00:00"]