[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-animxyz-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":49,"alternatives-animxyz-en-US":114,"related-resources-animxyz-en-US":211},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},792,"AnimXYZ","animxyz","https:\u002F\u002Fanimxyz.com",null,"Pre-built CSS animations made simple","AnimXYZ is a lightweight CSS animation library that provides pre-built, customizable animation utility classes. It uses CSS variables for easy customization and works seamlessly with any web framework. The library includes a wide range of entrance, exit, attention-seeking, and text animations that can be combined and configured entirely through class names without writing custom CSS keyframes.",{"title":13,"meta_description":14},"AnimXYZ -- Pre-built CSS animations made simple","AnimXYZ is a lightweight CSS animation library that provides prebuilt, customizable animation utility classes. It uses CSS variables for easy customization a...",[16,17,18,19,20,21],"Comprehensive library of pre-built CSS animations","Customizable via CSS variables and utility classes","Entrance, exit, attention, and text animations included","Lightweight with minimal performance overhead","Framework-agnostic, works with React, Vue, and more","Zero JavaScript required for basic animations",[23,24,25],"Extremely easy to add animations to any project","Well-documented with plenty of examples","Free and open-source with MIT license",[27,28],"Limited to CSS-only animations","Less advanced options compared to GSAP or Framer Motion","Best for web developers who want to add smooth, customizable CSS animations to their projects without writing complex keyframe code.","2e80b79d-d047-4c24-a119-84a7b028cf0f.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},"Animation","animation",[],[46,48],{"name":47,"slug":31},"Free",{"name":42,"slug":43},[50,81,92,102],{"id":51,"url":52,"icon":9,"name":53,"slug":54,"tags":55,"cover":77,"tagline":78,"is_featured":79,"date_created":80,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[56,59,61,64,66,68,70,71,73,75],{"seo":9,"name":57,"slug":58},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":60},"ai",{"seo":9,"name":62,"slug":63},"Freemium","freemium",{"seo":9,"name":9,"slug":65},"free-trial",{"seo":9,"name":9,"slug":67},"image-editing",{"seo":9,"name":9,"slug":69},"video",{"seo":9,"name":9,"slug":43},{"seo":9,"name":9,"slug":72},"prototyping",{"seo":9,"name":9,"slug":74},"no-code",{"seo":9,"name":9,"slug":76},"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":82,"url":83,"icon":9,"name":84,"slug":85,"tags":86,"cover":89,"tagline":90,"is_featured":79,"date_created":91,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[87],{"seo":9,"name":9,"slug":88},"colors","eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":93,"url":94,"icon":9,"name":95,"slug":96,"tags":97,"cover":99,"tagline":100,"is_featured":79,"date_created":101,"date_updated":9},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[98],{"seo":9,"name":9,"slug":88},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":103,"url":104,"icon":9,"name":105,"slug":106,"tags":107,"cover":111,"tagline":112,"is_featured":79,"date_created":113,"date_updated":9},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[108,109],{"seo":9,"name":47,"slug":31},{"seo":9,"name":9,"slug":110},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[115,121,127,133,139,145,151,157,163,169,175,181,187,193,199,205],{"url":116,"name":117,"slug":118,"cover":119,"tagline":120},"https:\u002F\u002Fepiceasing.com","Epic Easing","epic-easing","264d2f69-a81e-4142-9157-9c9a006dd1a7.webp","Visual CSS easing function generator for animations",{"url":122,"name":123,"slug":124,"cover":125,"tagline":126},"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":128,"name":129,"slug":130,"cover":131,"tagline":132},"https:\u002F\u002Flottieeditorx.cfd","LottieEditorX","lottie-editor-x","54494622-46f9-4ade-9d1d-f641bba804b7.webp","Online Lottie JSON animation editor and layer viewer",{"url":134,"name":135,"slug":136,"cover":137,"tagline":138},"https:\u002F\u002Fstableaudio.com","Stable Audio","stable-audio","bafc796a-f8bc-49ea-80ce-40ea97c38411.webp","AI music and sound effect generation by Stability AI",{"url":140,"name":141,"slug":142,"cover":143,"tagline":144},"https:\u002F\u002Fxpressioncamera.com","Xpression Camera","xpression-camera","e6dcadce-4651-4c39-89e6-44658a0bda06.webp","Real-time face transformation for video calls",{"url":146,"name":147,"slug":148,"cover":149,"tagline":150},"https:\u002F\u002Faime.okjike.com","Aime","aime-avatar","dc9b70fe-f519-4f5c-829c-f89adae40e93.webp","AI-generated avatars by Jike community",{"url":152,"name":153,"slug":154,"cover":155,"tagline":156},"https:\u002F\u002Frocketsim.app","Rocketsim","rocketsim","5bbc4bb6-3eee-4816-b332-4228d0158791.webp","Compare mockups with real builds side by side",{"url":158,"name":159,"slug":160,"cover":161,"tagline":162},"https:\u002F\u002Fgalshir.com\u002Ffloat","Galshir Float","galshir-float","a26f751a-b084-4be5-aa6b-682ee09d6826.webp","Create stunning 3D floating text online",{"url":164,"name":165,"slug":166,"cover":167,"tagline":168},"https:\u002F\u002Fuxie.io","UXie","uxie","89b9dfde-bc94-4fc7-9d82-7666dcb3e511.webp","UX research and usability testing made simple",{"url":170,"name":171,"slug":172,"cover":173,"tagline":174},"https:\u002F\u002Fsiter.io","Siter.io","siter-io","0b0b0f42-a87b-43c9-9536-b9391dc73cfe.webp","No-code website builder with a Figma-like interface",{"url":176,"name":177,"slug":178,"cover":179,"tagline":180},"https:\u002F\u002Fpixelover.io","Pixelover","pixelover","db4709c5-3246-4f7e-ab89-1057c960c83f.webp","Online color picker and image overlay tool",{"url":182,"name":183,"slug":184,"cover":185,"tagline":186},"https:\u002F\u002Fworks.meiye.art","Meiye Works","meiye-works","0c684aae-96b8-4dd7-b3e7-765fa42552fe.webp","Chinese online portfolio platform for designers",{"url":188,"name":189,"slug":190,"cover":191,"tagline":192},"https:\u002F\u002Fnordhealth.design\u002Fcolor-generator","Nord Color Generator","nord-color-generator","a9afbd72-8a27-453f-820c-c6e171ea0908.webp","UI color palette generator based on Nord design system",{"url":194,"name":195,"slug":196,"cover":197,"tagline":198},"https:\u002F\u002Fblazy.studio\u002Fapp","Blazy Studio","blazy-studio","ec2cfd45-1569-4a57-979c-7c79d107b6a3.webp","Turn Figma prototypes into video animations",{"url":200,"name":201,"slug":202,"cover":203,"tagline":204},"https:\u002F\u002Faimu.app","Aimu","aimu","af56e687-9173-49b9-a262-55e91c96ed16.webp","Online subtitle editor with auto-generation",{"url":206,"name":207,"slug":208,"cover":209,"tagline":210},"https:\u002F\u002Ftiktokvoice.net","TikTokVoice","tiktokvoice","91ce6a7c-1290-415c-88ba-f2aaf0955538.webp","Text-to-speech AI voiceover with TikTok voices",[212,225,242],{"url":213,"icon":9,"name":214,"slug":215,"tags":216,"cover":222,"tagline":223,"is_featured":3,"date_created":224,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[217,219,220,221],{"seo":9,"name":9,"slug":218},"collaboration",{"seo":9,"name":9,"slug":72},{"seo":9,"name":62,"slug":63},{"seo":9,"name":9,"slug":76},"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":226,"icon":9,"name":227,"slug":228,"tags":229,"cover":239,"tagline":240,"is_featured":3,"date_created":241,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[230,231,234,235,237],{"seo":9,"name":47,"slug":31},{"seo":9,"name":232,"slug":233},"Open Source","open-source",{"seo":9,"name":9,"slug":67},{"seo":9,"name":9,"slug":236},"svg",{"seo":9,"name":9,"slug":238},"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":243,"icon":9,"name":244,"slug":245,"tags":246,"cover":252,"tagline":253,"is_featured":3,"date_created":254,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[247,249,250,251],{"seo":9,"name":9,"slug":248},"wireframe",{"seo":9,"name":9,"slug":72},{"seo":9,"name":9,"slug":218},{"seo":9,"name":62,"slug":63},"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"]