[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-animxyz-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":49,"alternatives-animxyz-en-US":125,"related-resources-animxyz-en-US":222},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,71,86,99],{"id":51,"url":52,"icon":9,"name":53,"slug":54,"tags":55,"cover":67,"tagline":68,"is_featured":69,"date_created":70,"date_updated":9},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[56,57,59,61,63,65],{"seo":9,"name":47,"slug":31},{"seo":9,"name":9,"slug":58},"fonts",{"seo":9,"name":9,"slug":60},"icons",{"seo":9,"name":9,"slug":62},"mockups",{"seo":9,"name":9,"slug":64},"ui-kits",{"seo":9,"name":9,"slug":66},"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":72,"url":73,"icon":9,"name":74,"slug":75,"tags":76,"cover":83,"tagline":84,"is_featured":69,"date_created":85,"date_updated":9},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[77,78,81],{"seo":9,"name":47,"slug":31},{"seo":9,"name":79,"slug":80},"Open Source","open-source",{"seo":9,"name":9,"slug":82},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":87,"url":88,"icon":9,"name":89,"slug":90,"tags":91,"cover":96,"tagline":97,"is_featured":69,"date_created":98,"date_updated":9},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[92,93,94],{"seo":9,"name":47,"slug":31},{"seo":9,"name":9,"slug":64},{"seo":9,"name":9,"slug":95},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":100,"url":101,"icon":9,"name":102,"slug":103,"tags":104,"cover":122,"tagline":123,"is_featured":69,"date_created":124,"date_updated":9},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[105,108,110,111,114,115,116,118,120],{"seo":9,"name":106,"slug":107},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":109},"ai",{"seo":9,"name":47,"slug":31},{"seo":9,"name":112,"slug":113},"Freemium","freemium",{"seo":9,"name":9,"slug":64},{"seo":9,"name":9,"slug":66},{"seo":9,"name":9,"slug":117},"prototyping",{"seo":9,"name":9,"slug":119},"no-code",{"seo":9,"name":9,"slug":121},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[126,132,138,144,150,156,162,168,174,180,186,192,198,204,210,216],{"url":127,"name":128,"slug":129,"cover":130,"tagline":131},"https:\u002F\u002Fepiceasing.com","Epic Easing","epic-easing","264d2f69-a81e-4142-9157-9c9a006dd1a7.webp","Visual CSS easing function generator for animations",{"url":133,"name":134,"slug":135,"cover":136,"tagline":137},"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":139,"name":140,"slug":141,"cover":142,"tagline":143},"https:\u002F\u002Flottieeditorx.cfd","LottieEditorX","lottie-editor-x","54494622-46f9-4ade-9d1d-f641bba804b7.webp","Online Lottie JSON animation editor and layer viewer",{"url":145,"name":146,"slug":147,"cover":148,"tagline":149},"https:\u002F\u002Fstableaudio.com","Stable Audio","stable-audio","bafc796a-f8bc-49ea-80ce-40ea97c38411.webp","AI music and sound effect generation by Stability AI",{"url":151,"name":152,"slug":153,"cover":154,"tagline":155},"https:\u002F\u002Fxpressioncamera.com","Xpression Camera","xpression-camera","e6dcadce-4651-4c39-89e6-44658a0bda06.webp","Real-time face transformation for video calls",{"url":157,"name":158,"slug":159,"cover":160,"tagline":161},"https:\u002F\u002Faime.okjike.com","Aime","aime-avatar","dc9b70fe-f519-4f5c-829c-f89adae40e93.webp","AI-generated avatars by Jike community",{"url":163,"name":164,"slug":165,"cover":166,"tagline":167},"https:\u002F\u002Frocketsim.app","Rocketsim","rocketsim","5bbc4bb6-3eee-4816-b332-4228d0158791.webp","Compare mockups with real builds side by side",{"url":169,"name":170,"slug":171,"cover":172,"tagline":173},"https:\u002F\u002Fgalshir.com\u002Ffloat","Galshir Float","galshir-float","a26f751a-b084-4be5-aa6b-682ee09d6826.webp","Create stunning 3D floating text online",{"url":175,"name":176,"slug":177,"cover":178,"tagline":179},"https:\u002F\u002Fuxie.io","UXie","uxie","89b9dfde-bc94-4fc7-9d82-7666dcb3e511.webp","UX research and usability testing made simple",{"url":181,"name":182,"slug":183,"cover":184,"tagline":185},"https:\u002F\u002Fsiter.io","Siter.io","siter-io","0b0b0f42-a87b-43c9-9536-b9391dc73cfe.webp","No-code website builder with a Figma-like interface",{"url":187,"name":188,"slug":189,"cover":190,"tagline":191},"https:\u002F\u002Fpixelover.io","Pixelover","pixelover","db4709c5-3246-4f7e-ab89-1057c960c83f.webp","Online color picker and image overlay tool",{"url":193,"name":194,"slug":195,"cover":196,"tagline":197},"https:\u002F\u002Fworks.meiye.art","Meiye Works","meiye-works","0c684aae-96b8-4dd7-b3e7-765fa42552fe.webp","Chinese online portfolio platform for designers",{"url":199,"name":200,"slug":201,"cover":202,"tagline":203},"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":205,"name":206,"slug":207,"cover":208,"tagline":209},"https:\u002F\u002Fblazy.studio\u002Fapp","Blazy Studio","blazy-studio","ec2cfd45-1569-4a57-979c-7c79d107b6a3.webp","Turn Figma prototypes into video animations",{"url":211,"name":212,"slug":213,"cover":214,"tagline":215},"https:\u002F\u002Faimu.app","Aimu","aimu","af56e687-9173-49b9-a262-55e91c96ed16.webp","Online subtitle editor with auto-generation",{"url":217,"name":218,"slug":219,"cover":220,"tagline":221},"https:\u002F\u002Ftiktokvoice.net","TikTokVoice","tiktokvoice","91ce6a7c-1290-415c-88ba-f2aaf0955538.webp","Text-to-speech AI voiceover with TikTok voices",[223,236,252],{"url":224,"icon":9,"name":225,"slug":226,"tags":227,"cover":233,"tagline":234,"is_featured":3,"date_created":235,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[228,230,231,232],{"seo":9,"name":9,"slug":229},"collaboration",{"seo":9,"name":9,"slug":117},{"seo":9,"name":112,"slug":113},{"seo":9,"name":9,"slug":121},"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":237,"icon":9,"name":238,"slug":239,"tags":240,"cover":249,"tagline":250,"is_featured":3,"date_created":251,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[241,242,243,245,247],{"seo":9,"name":47,"slug":31},{"seo":9,"name":79,"slug":80},{"seo":9,"name":9,"slug":244},"image-editing",{"seo":9,"name":9,"slug":246},"svg",{"seo":9,"name":9,"slug":248},"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":253,"icon":9,"name":254,"slug":255,"tags":256,"cover":262,"tagline":263,"is_featured":3,"date_created":264,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[257,259,260,261],{"seo":9,"name":9,"slug":258},"wireframe",{"seo":9,"name":9,"slug":117},{"seo":9,"name":9,"slug":229},{"seo":9,"name":112,"slug":113},"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"]