[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-pixel2motion-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":62,"alternatives-pixel2motion-en-US":125,"related-resources-pixel2motion-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":35,"views_count":37,"featured_rank":9,"categories":38,"tags":47,"files":9},704,"Pixel2Motion","pixel2motion","https:\u002F\u002Fwww.pixel2motion.com\u002F",null,"Open-source AI tool that turns raster logos into animated SVG — powered by Claude and Codex","Pixel2Motion is an open-source AI-powered skill that converts raster logo images (PNG\u002FJPG) into smooth, animated SVG files. Using Claude and Codex, it intelligently vectorizes your logo, adds CSS keyframe animations, and generates a complete standalone HTML file with the animated result. Perfect for bringing static brand logos to life on websites and presentations.",{"title":13,"meta_description":14},"Pixel2Motion — Open-source AI tool that turns raster logos into ani...","Pixel2Motion is an opensource AIpowered skill that converts raster logo images (PNG\u002FJPG) into smooth, animated SVG files. Using Claude and Codex, it intellig...",[16,17,18,19,20,21],"Converts PNG\u002FJPG raster logos into clean, scalable SVG vectors","Generates CSS keyframe animations for smooth motion effects","Outputs a standalone HTML file with the animated logo ready to use","Uses Claude AI for intelligent vector tracing and animation logic","Open-source with MIT license — free to use, modify, and distribute","Works as a Codex skill for seamless integration in coding workflows",[23,24,25],"Transforms static logos into engaging animations in minutes","No design skills needed — fully automated AI pipeline","Lightweight output files that work in any browser without dependencies",[27,28],"Animation quality depends on the complexity of the original logo","Requires GitHub and basic familiarity with Codex or Claude to run","Developers and designers who want to quickly animate brand logos using open-source AI without manual animation work","736194fc-c79e-459b-a998-b2f635616b29.webp","open-source",[33,34],"Web","GitHub",{"free":3,"note":36},"Open-source under MIT license",0,[39,43],{"name":40,"slug":41,"sub_categories":42},"Design Tools","design-tools",[],{"name":44,"slug":45,"sub_categories":46},"AI Tools","ai-tools",[],[48,50,53,56,59],{"name":49,"slug":31},"Open Source",{"name":51,"slug":52},"AI Powered","ai-powered",{"name":54,"slug":55},"Animation","animation",{"name":57,"slug":58},"SVG","svg",{"name":60,"slug":61},"Free","free",[63,92,103,113],{"id":64,"url":65,"icon":9,"name":66,"slug":67,"tags":68,"cover":88,"tagline":89,"is_featured":90,"date_created":91,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[69,70,72,75,77,79,81,82,84,86],{"seo":9,"name":51,"slug":52},{"seo":9,"name":9,"slug":71},"ai",{"seo":9,"name":73,"slug":74},"Freemium","freemium",{"seo":9,"name":9,"slug":76},"free-trial",{"seo":9,"name":9,"slug":78},"image-editing",{"seo":9,"name":9,"slug":80},"video",{"seo":9,"name":9,"slug":55},{"seo":9,"name":9,"slug":83},"prototyping",{"seo":9,"name":9,"slug":85},"no-code",{"seo":9,"name":9,"slug":87},"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":93,"url":94,"icon":9,"name":95,"slug":96,"tags":97,"cover":100,"tagline":101,"is_featured":90,"date_created":102,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[98],{"seo":9,"name":9,"slug":99},"colors","eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":104,"url":105,"icon":9,"name":106,"slug":107,"tags":108,"cover":110,"tagline":111,"is_featured":90,"date_created":112,"date_updated":9},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[109],{"seo":9,"name":9,"slug":99},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":114,"url":115,"icon":9,"name":116,"slug":117,"tags":118,"cover":122,"tagline":123,"is_featured":90,"date_created":124,"date_updated":9},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[119,120],{"seo":9,"name":60,"slug":61},{"seo":9,"name":9,"slug":121},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+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\u002Fnewt.sh","Newt","newt-pixel-editor","076bb534-e0f9-4ca6-bce2-87d92cb1d68a.webp","A code-based pixel art editor where every pixel is written, not drawn",{"url":133,"name":134,"slug":135,"cover":136,"tagline":137},"https:\u002F\u002Fvizcom.ai","Vizcom","vizcom","d5d15acc-4175-4cb0-8868-aa212f95049f.webp","Turn hand-drawn sketches into realistic 3D renders with AI",{"url":139,"name":140,"slug":141,"cover":142,"tagline":143},"https:\u002F\u002Fvidu.studio","Vidu Studio","vidu-studio","7468d4a3-fa6e-4265-9854-e5a1a48d8e22.webp","AI-driven video generation with exceptional consistency and realism",{"url":145,"name":146,"slug":147,"cover":148,"tagline":149},"https:\u002F\u002Fbooltool.boolv.tech","Booltool","booltool","dc873c09-89aa-43b8-adf4-47c4cf18c8b4.webp","AI-powered image editing toolkit for background removal and enhancement",{"url":151,"name":152,"slug":153,"cover":154,"tagline":155},"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":157,"name":158,"slug":159,"cover":160,"tagline":161},"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":163,"name":164,"slug":165,"cover":166,"tagline":167},"https:\u002F\u002Fnamelix.com","Namelix","namelix","a05a6929-dad6-4c1f-a0de-7b1779a375f7.webp","AI-powered business name generator",{"url":169,"name":170,"slug":171,"cover":172,"tagline":173},"https:\u002F\u002Fseeles.ai","Seeles","seeles","33884bae-954a-41f1-8891-0fe6dae3a7e9.webp","AI 3D game creation engine",{"url":175,"name":176,"slug":177,"cover":178,"tagline":179},"https:\u002F\u002Fdeveloper.apple.com\u002Ficon-composer","Apple Icon Composer","apple-icon-composer","1dc4cdbe-e9e1-4eb6-85d0-65d024dafd53.webp","Apple's official tool for crafting layered app icons with Liquid Glass effect",{"url":181,"name":182,"slug":183,"cover":184,"tagline":185},"https:\u002F\u002Fbitmap-forge.vercel.app","Bitmap Forge","bitmap-forge","e08d4574-8e79-480d-b933-efacd8759683.webp","Convert 3D models into mesmerizing ASCII art animations online",{"url":187,"name":188,"slug":189,"cover":190,"tagline":191},"https:\u002F\u002Fmodyfi.com","Modyfi","modyfi","ed1471b9-66ad-46e1-a45f-33c0dbeb4d15.webp","Next-gen browser-based design tool with image editing and shaders",{"url":193,"name":194,"slug":195,"cover":196,"tagline":197},"https:\u002F\u002Fdiffusionbee.com","DiffusionBee","diffusionbee","f446d32e-324c-4fff-bf89-beec131a8f7e.webp","Free Stable Diffusion AI image generator for Mac",{"url":199,"name":200,"slug":201,"cover":202,"tagline":203},"https:\u002F\u002Flogocreatorai.com","LogoCreatorAI","logocreator-ai","a6911fbe-e6c2-4cb5-8564-44ab55a028bb.webp","AI-powered logo design for entrepreneurs",{"url":205,"name":206,"slug":207,"cover":208,"tagline":209},"https:\u002F\u002Fnamesnack.com","NameSnack","namesnack","960c7a76-09ff-49fe-b555-779da5812f92.webp","AI brand naming and identity tool",{"url":211,"name":212,"slug":213,"cover":214,"tagline":215},"https:\u002F\u002Fxfun.design","XFUN","xfun","6c7d6d51-1157-4ae8-89b1-4a914da9a5b3.webp","AI-powered packaging design platform",{"url":217,"name":218,"slug":219,"cover":220,"tagline":221},"https:\u002F\u002Ficons8.com","ICONS8","icons8","781eea54-cd43-4271-a400-a07138d385d4.webp","Massive library of design resources and AI tools",[223,236,250],{"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":83},{"seo":9,"name":73,"slug":74},{"seo":9,"name":9,"slug":87},"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":247,"tagline":248,"is_featured":3,"date_created":249,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[241,242,243,244,245],{"seo":9,"name":60,"slug":61},{"seo":9,"name":49,"slug":31},{"seo":9,"name":9,"slug":78},{"seo":9,"name":9,"slug":58},{"seo":9,"name":9,"slug":246},"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":251,"icon":9,"name":252,"slug":253,"tags":254,"cover":260,"tagline":261,"is_featured":3,"date_created":262,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[255,257,258,259],{"seo":9,"name":9,"slug":256},"wireframe",{"seo":9,"name":9,"slug":83},{"seo":9,"name":9,"slug":229},{"seo":9,"name":73,"slug":74},"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"]