[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-framer-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":49,"alternatives-framer-en-US":115,"related-resources-framer-en-US":178},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":15,"pros":19,"cons":24,"best_for":27,"cover":28,"icon":29,"pricing":30,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":31,"views_count":33,"featured_rank":10,"categories":34,"tags":42,"files":10},10,"Framer","framer","https:\u002F\u002Fwww.framer.com\u002F","2025-11-11T07:19:38.278+00:00",null,"The Web Design and Publishing Tool","Framer is a revolutionary web design and publishing tool that merges the entire design, interaction, and launch process into a single workflow. It empowers designers to publish high-fidelity designs directly as fully-functional, responsive websites—all without writing code.\nFrom Design to Live Site, Instantly: Framer completely breaks the barrier between design and development. Anything you create on the canvas can be published with one click to a high-performance website with a real URL, preserving every animation and interaction.\nPowerful Interactivity & Responsive Design: With robust built-in interaction and animation tools, plus intuitive breakpoint controls, you can easily create adaptive layouts that look and perform perfectly on any device.\nIntegrated CMS & Component Ecosystem: It comes with an easy-to-use Content Management System (CMS) for managing dynamic content like blogs and case studies. It also supports creating and reusing interactive components to boost efficiency.\nFramer is built for modern web designers and teams, making it the ideal choice for quickly building and shipping marketing sites, personal portfolios, and high-fidelity prototypes. It's more than a design tool—it's a complete website building platform.",{"title":14,"description":11},"Framer - The Web Design and Publishing Tool | DesignToolMark",[16,17,18],"From Design to Live Site, Instantly: Framer completely breaks the barrier between design and development. Anything you create on the canvas can be published with one click to a high-performance website with a real URL, preserving every animation and interaction.","Powerful Interactivity & Responsive Design: With robust built-in interaction and animation tools, plus intuitive breakpoint controls, you can easily create adaptive layouts that look and perform perfectly on any device.","Integrated CMS & Component Ecosystem: It comes with an easy-to-use Content Management System (CMS) for managing dynamic content like blogs and case studies. It also supports creating and reusing interactive components to boost efficiency.",[20,21,22,23],"Real-time collaboration","Smooth animation capabilities","Code-exportable animations","Interactive prototyping",[25,26],"May require design experience","Advanced interactions need coding","Framer is built for modern web designers and teams, making it the ideal choice for quickly building and shipping marketing sites, personal portfolios, and high-fidelity prototypes. It's more than a design tool—it's a complete website building platform.","894d692d-8bec-40e2-a946-be01ac1b8914.webp","99075fd6-6384-480f-bf69-4ad710e553f1.svg","freemium",{"pro":10,"free":3,"note":32},"Free tier available, premium features paid",0,[35],{"name":36,"slug":37,"sub_categories":38},"Design Tools","design-tools",[39],{"name":40,"slug":41},"UI\u002FUX & Prototyping","uiux-prototyping",[43,46],{"name":44,"slug":45},"Prototyping","prototyping",{"name":47,"slug":48},"No Code","no-code",[50,68,84,101],{"id":51,"url":52,"icon":10,"name":53,"slug":54,"tags":55,"cover":64,"tagline":65,"is_featured":66,"date_created":67,"date_updated":10},670,"https:\u002F\u002Fattentioninsight.com","Attention Insight","attention-insight",[56,58,60,62],{"seo":10,"name":10,"slug":57},"wireframe",{"seo":10,"name":10,"slug":59},"user-research",{"seo":10,"name":10,"slug":61},"web-design",{"seo":10,"name":63,"slug":30},"Freemium","ef36c4d0-cade-4956-a397-b7c4436ad473.webp","AI-powered attention prediction and visual analytics",false,"2026-06-17T09:18:38.384779+00:00",{"id":69,"url":70,"icon":10,"name":71,"slug":72,"tags":73,"cover":81,"tagline":82,"is_featured":66,"date_created":83,"date_updated":10},669,"https:\u002F\u002Fwww.frontitude.com","Frontitude","frontitude",[74,75,76,78,80],{"seo":10,"name":10,"slug":57},{"seo":10,"name":10,"slug":59},{"seo":10,"name":10,"slug":77},"collaboration",{"seo":10,"name":10,"slug":79},"design-handoff",{"seo":10,"name":63,"slug":30},"5237122f-f736-4899-bd25-2002bf09dec2.webp","UX content management platform for multilingual products","2026-06-17T09:18:30.634258+00:00",{"id":85,"url":86,"icon":10,"name":87,"slug":88,"tags":89,"cover":98,"tagline":99,"is_featured":66,"date_created":100,"date_updated":10},668,"https:\u002F\u002Fwww.aura.build","Aura Build","aura-build",[90,91,92,93,95,97],{"seo":10,"name":10,"slug":57},{"seo":10,"name":10,"slug":45},{"seo":10,"name":10,"slug":61},{"seo":10,"name":10,"slug":94},"responsive",{"seo":10,"name":10,"slug":96},"icons",{"seo":10,"name":63,"slug":30},"be6ec3d1-5806-4cf8-bc58-5d536af6c04d.webp","AI-powered website builder and design assistant","2026-06-17T09:18:13.351637+00:00",{"id":102,"url":103,"icon":10,"name":104,"slug":105,"tags":106,"cover":112,"tagline":113,"is_featured":66,"date_created":114,"date_updated":10},667,"https:\u002F\u002Fwww.magicpatterns.com","Magic Patterns","magic-patterns",[107,108,109,110,111],{"seo":10,"name":10,"slug":57},{"seo":10,"name":10,"slug":45},{"seo":10,"name":10,"slug":77},{"seo":10,"name":10,"slug":79},{"seo":10,"name":63,"slug":30},"6d6649e5-e83d-44c6-bdf0-91d6cb530736.webp","AI prototype generator for product teams","2026-06-17T09:18:05.299046+00:00",[116,122,128,134,140,146,152,158,159,160,166,172],{"url":117,"name":118,"slug":119,"cover":120,"tagline":121},"https:\u002F\u002Fwww.figma.com\u002F","Figma","figma","e7f3955a-bcc7-4f0e-82c4-75377bcb6458.webp","Cloud-based interface design and collaboration tool",{"url":123,"name":124,"slug":125,"cover":126,"tagline":127},"https:\u002F\u002Fwww.sketch.com\u002F","Sketch","sketch","6383ef6c-d232-43ce-9cc9-a7d13269afad.webp","Sketch is a toolkit made by designers, for designers, that puts the focus on you and your work.",{"url":129,"name":130,"slug":131,"cover":132,"tagline":133},"https:\u002F\u002Fpenpot.app\u002F","Penpot","penpot","c920229f-e177-4436-af83-49746991ca30.webp","The Open-Source Design Platform Built for Freedom",{"url":135,"name":136,"slug":137,"cover":138,"tagline":139},"https:\u002F\u002Ficons8.com\u002Flunacy","Lunacy","lunacy","8af74624-de14-4b8a-9709-02cd9fc8aa42.webp","The Ultimate Free Design",{"url":141,"name":142,"slug":143,"cover":144,"tagline":145},"https:\u002F\u002Fwww.justinmind.com\u002F","Justinmind","justinmind","963e71c4-1952-44d8-821e-2cd94e5e1e7d.webp","Prototyping for Enterprise Applications",{"url":147,"name":148,"slug":149,"cover":150,"tagline":151},"https:\u002F\u002Fwww.aidesigner.ai","AIDesigner","aidesigner","eb20c192-3609-496b-97b3-8ce3a2e5e98d.webp","AI design platform for UI, brands, and visual assets",{"url":153,"name":154,"slug":155,"cover":156,"tagline":157},"https:\u002F\u002Fplatform.gyanmatrix.com\u002Fchronicle","Chronicle","chronicle","faa2127d-b5c2-4064-8901-ac454812fb9c.webp","AI-powered documentation generated from real code",{"url":103,"name":104,"slug":105,"cover":112,"tagline":113},{"url":86,"name":87,"slug":88,"cover":98,"tagline":99},{"url":161,"name":162,"slug":163,"cover":164,"tagline":165},"https:\u002F\u002Fadobexdplatform.com\u002F","Adobe XD","adobe-xd","8ca18f10-8519-4712-abed-a4021f8ec119.webp","The All-in-One UI\u002FUX Design Tool",{"url":167,"name":168,"slug":169,"cover":170,"tagline":171},"https:\u002F\u002Fwww.uxpin.com\u002F","UXPin","ux-pin","2a1ae940-4920-4b01-8165-6e37f7f7a643.webp","Where Design Meets Code",{"url":173,"name":174,"slug":175,"cover":176,"tagline":177},"https:\u002F\u002Fwww.protopie.io\u002F","ProtoPie","proto-pie","cea506f4-f44b-4136-8a78-9393130d44fc.webp","The High-Fidelity Interaction Prototyping Tool",[179,190,208],{"url":180,"icon":10,"name":181,"slug":182,"tags":183,"cover":187,"tagline":188,"is_featured":3,"date_created":189,"date_updated":10},"https:\u002F\u002Flinear.app","Linear","linear-app",[184,185,186],{"seo":10,"name":10,"slug":77},{"seo":10,"name":10,"slug":45},{"seo":10,"name":63,"slug":30},"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":191,"icon":10,"name":192,"slug":193,"tags":194,"cover":205,"tagline":206,"is_featured":3,"date_created":207,"date_updated":10},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[195,198,201,203],{"seo":10,"name":196,"slug":197},"Free","free",{"seo":10,"name":199,"slug":200},"Open Source","open-source",{"seo":10,"name":10,"slug":202},"image-editing",{"seo":10,"name":10,"slug":204},"svg","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":209,"icon":10,"name":210,"slug":211,"tags":212,"cover":217,"tagline":218,"is_featured":3,"date_created":219,"date_updated":10},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[213,214,215,216],{"seo":10,"name":10,"slug":57},{"seo":10,"name":10,"slug":45},{"seo":10,"name":10,"slug":77},{"seo":10,"name":63,"slug":30},"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"]