[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-webflow-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":51,"alternatives-webflow-en-US":126,"related-resources-webflow-en-US":187},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":16,"pros":20,"cons":25,"best_for":28,"cover":29,"icon":30,"pricing":31,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":32,"views_count":34,"featured_rank":10,"categories":35,"tags":43,"files":10},18,"Webflow","webflow","https:\u002F\u002Fwebflow.com\u002F","2025-11-11T07:15:44.97+00:00",null,"The No-Code Platform to Build for the Web","Webflow is a revolutionary no-code development platform that empowers designers and creatives to visually build, launch, and manage professional, high-performance websites without writing a single line of code.\nVisual Development, Production-Ready Code: On the Webflow canvas, you are manipulating real HTML elements and CSS properties (like Flexbox and Grid), not just vector shapes. Webflow writes clean, semantic, production-ready code for you in the background.\nDesign is the Product, One-Click Publishing: It completely eliminates the design-to-development handoff. Your design is a fully functional website that can be published with a single click to Webflow's powerful and fast global hosting network.\nPowerful CMS & Interactions: It features a flexible Content Management System (CMS) to easily create and manage dynamic content like blogs and portfolios. Its powerful interactions engine lets you build cinematic scroll-based animations and micro-interactions without JavaScript.\nWebflow fundamentally changes the traditional web creation workflow by freeing designers from static canvases. It's not just a tool for creating the ultimate high-fidelity prototype; it's a powerful engine that directly transforms creative ideas into production-ready websites, making it the ultimate tool for modern web designers and marketing teams.",{"title":14,"meta_description":15},"Webflow - The No-Code Platform to Build for the Web | DesignToolMark","Webflow is a revolutionary nocode development platform that empowers designers and creatives to visually build, launch, and manage professional, highperforma...",[17,18,19],"Visual Development, Production-Ready Code: On the Webflow canvas, you are manipulating real HTML elements and CSS properties (like Flexbox and Grid), not just vector shapes. Webflow writes clean, semantic, production-ready code for you in the background.","Design is the Product, One-Click Publishing: It completely eliminates the design-to-development handoff. Your design is a fully functional website that can be published with a single click to Webflow's powerful and fast global hosting network.","Powerful CMS & Interactions: It features a flexible Content Management System (CMS) to easily create and manage dynamic content like blogs and portfolios. Its powerful interactions engine lets you build cinematic scroll-based animations and micro-interactions without JavaScript.",[21,22,23,24],"Free to use","Real-time collaboration","Smooth animation capabilities","Code-exportable animations",[26,27],"Limited customization compared to coded solutions","Platform dependency","Webflow fundamentally changes the traditional web creation workflow by freeing designers from static canvases. It's not just a tool for creating the ultimate high-fidelity prototype; it's a powerful engine that directly transforms creative ideas into production-ready websites, making it the ultimate tool for modern web designers and marketing teams.","a7742716-6739-4899-af15-f27379fa759c.webp","a8c24e17-5d7b-41fc-8faf-ae016d5241ce.svg","freemium",{"pro":10,"free":3,"note":33},"Free tier available, premium features paid",0,[36],{"name":37,"slug":38,"sub_categories":39},"Design Tools","design-tools",[40],{"name":41,"slug":42},"No Code","no-code",[44,47,48],{"name":45,"slug":46},"Prototyping","prototyping",{"name":41,"slug":42},{"name":49,"slug":50},"Web Design","web-design",[52,75,90,103],{"id":53,"url":54,"icon":10,"name":55,"slug":56,"tags":57,"cover":71,"tagline":72,"is_featured":73,"date_created":74,"date_updated":10},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[58,61,63,65,67,69],{"seo":10,"name":59,"slug":60},"Free","free",{"seo":10,"name":10,"slug":62},"fonts",{"seo":10,"name":10,"slug":64},"icons",{"seo":10,"name":10,"slug":66},"mockups",{"seo":10,"name":10,"slug":68},"ui-kits",{"seo":10,"name":10,"slug":70},"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":76,"url":77,"icon":10,"name":78,"slug":79,"tags":80,"cover":87,"tagline":88,"is_featured":73,"date_created":89,"date_updated":10},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[81,82,85],{"seo":10,"name":59,"slug":60},{"seo":10,"name":83,"slug":84},"Open Source","open-source",{"seo":10,"name":10,"slug":86},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":91,"url":92,"icon":10,"name":93,"slug":94,"tags":95,"cover":100,"tagline":101,"is_featured":73,"date_created":102,"date_updated":10},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[96,97,98],{"seo":10,"name":59,"slug":60},{"seo":10,"name":10,"slug":68},{"seo":10,"name":10,"slug":99},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":104,"url":105,"icon":10,"name":106,"slug":107,"tags":108,"cover":123,"tagline":124,"is_featured":73,"date_created":125,"date_updated":10},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[109,112,114,115,117,118,119,120,121],{"seo":10,"name":110,"slug":111},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":113},"ai",{"seo":10,"name":59,"slug":60},{"seo":10,"name":116,"slug":31},"Freemium",{"seo":10,"name":10,"slug":68},{"seo":10,"name":10,"slug":70},{"seo":10,"name":10,"slug":46},{"seo":10,"name":10,"slug":42},{"seo":10,"name":10,"slug":122},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[127,133,139,145,151,157,163,169,175,181],{"url":128,"name":129,"slug":130,"cover":131,"tagline":132},"https:\u002F\u002Fartboard.studio\u002F","Artboard Studio","artboard-studio","03f87084-81ac-46d4-b0bc-33003bf78de4.webp","Artboard Studio is an online design tool focused on mockups and product presentations. It offers a rich collection of 3D mockups, design elements, and animation features.",{"url":134,"name":135,"slug":136,"cover":137,"tagline":138},"https:\u002F\u002Ficons8.com\u002Flunacy","Lunacy","lunacy","8af74624-de14-4b8a-9709-02cd9fc8aa42.webp","The Ultimate Free Design",{"url":140,"name":141,"slug":142,"cover":143,"tagline":144},"https:\u002F\u002Fwww.justinmind.com\u002F","Justinmind","justinmind","963e71c4-1952-44d8-821e-2cd94e5e1e7d.webp","Prototyping for Enterprise Applications",{"url":146,"name":147,"slug":148,"cover":149,"tagline":150},"https:\u002F\u002Forigami.design\u002F","Origami Studio","origami-studio","f3ee1877-9a69-446a-846e-e01d4443d902.webp","The Tool for Ultimate Native Prototyping",{"url":152,"name":153,"slug":154,"cover":155,"tagline":156},"https:\u002F\u002Fpixso.net\u002F","Pixso","pixso","cf2e5cd0-e4c0-41ad-b4bb-f14d073210e3.webp","The Next-Generation Collaborative Design Platform",{"url":158,"name":159,"slug":160,"cover":161,"tagline":162},"https:\u002F\u002Fwww.adobe.com\u002Fproducts\u002Fphotoshop.html","Adobe Photoshop","adobe-photoshop","8df052bb-4984-4c69-a9a7-a57f8988c66c.webp","The Industry Standard for Digital Imaging",{"url":164,"name":165,"slug":166,"cover":167,"tagline":168},"https:\u002F\u002Fprocreate.com\u002F","Procreate","procreate","080f5c60-c21e-4096-8770-af3c42002552.webp","The Ultimate Digital Art Studio for iPad",{"url":170,"name":171,"slug":172,"cover":173,"tagline":174},"https:\u002F\u002Fdivhunt.com\u002F","Divhunt","divhunt","8e67b961-b491-4c4b-abc1-2f3f21080a61.webp","The Extendable No-Code Web Platform",{"url":176,"name":177,"slug":178,"cover":179,"tagline":180},"https:\u002F\u002Fwww.uxpin.com\u002F","UXPin","ux-pin","2a1ae940-4920-4b01-8165-6e37f7f7a643.webp","Where Design Meets Code",{"url":182,"name":183,"slug":184,"cover":185,"tagline":186},"https:\u002F\u002Fwww.adobe.com\u002Fproducts\u002Fillustrator.html","Adobe Illustrator","adobe-illustrator","be180beb-438a-481b-ab80-f2b95c90b38a.webp","The Industry Standard for Vector Graphics",[188,201,217],{"url":189,"icon":10,"name":190,"slug":191,"tags":192,"cover":198,"tagline":199,"is_featured":3,"date_created":200,"date_updated":10},"https:\u002F\u002Flinear.app","Linear","linear-app",[193,195,196,197],{"seo":10,"name":10,"slug":194},"collaboration",{"seo":10,"name":10,"slug":46},{"seo":10,"name":116,"slug":31},{"seo":10,"name":10,"slug":122},"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":202,"icon":10,"name":203,"slug":204,"tags":205,"cover":214,"tagline":215,"is_featured":3,"date_created":216,"date_updated":10},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[206,207,208,210,212],{"seo":10,"name":59,"slug":60},{"seo":10,"name":83,"slug":84},{"seo":10,"name":10,"slug":209},"image-editing",{"seo":10,"name":10,"slug":211},"svg",{"seo":10,"name":10,"slug":213},"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":218,"icon":10,"name":219,"slug":220,"tags":221,"cover":227,"tagline":228,"is_featured":3,"date_created":229,"date_updated":10},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[222,224,225,226],{"seo":10,"name":10,"slug":223},"wireframe",{"seo":10,"name":10,"slug":46},{"seo":10,"name":10,"slug":194},{"seo":10,"name":116,"slug":31},"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"]