[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-webstudio-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":66,"alternatives-webstudio-en-US":140,"related-resources-webstudio-en-US":201},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":23,"cons":29,"best_for":34,"cover":35,"icon":9,"pricing":36,"platform":37,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":39,"views_count":41,"featured_rank":9,"categories":42,"tags":47,"files":9},641,"Webstudio","webstudio","https:\u002F\u002Fwebstudio.is",null,"Open-source visual development platform — design and build websites visually, export clean code","Webstudio is an open-source visual development platform that combines a drag-and-drop visual builder with production-ready code output. Unlike traditional website builders, Webstudio gives you full control over the generated HTML and CSS, making it suitable for both designers and developers. Features include responsive design, custom CSS control, CMS integration, dynamic data binding, custom components, form builders, and one-click hosting. The self-hostable open-source architecture ensures full ownership of your code.",{"title":13,"meta_description":14},"Webstudio - Open-source visual development platform — design and build websites visually, export clean code | DesignToolMark","Webstudio is an opensource visual development platform that combines a draganddrop visual builder with productionready code output. Unlike traditional websit...",[16,17,18,19,20,21,22],"Visual drag-and-drop website builder","Clean HTML\u002FCSS code output","Responsive design controls","Custom CSS and style overrides","Built-in CMS and dynamic content","Custom component creation","Self-hostable open-source",[24,25,26,27,28],"Clean, production-ready code output","Open source with self-hosting option","Full control over HTML\u002FCSS","Good for both designers and developers","No vendor lock-in",[30,31,32,33],"Smaller community than Webflow","Fewer templates available","Learning curve for non-developers","Limited e-commerce features","Designers and developers who want a visual web builder that outputs clean, production-ready code without vendor lock-in.","80cdbafc-24ff-4f08-9edc-be9314111214.webp","freemium",[38],"Web",{"pro":3,"free":3,"note":40,"team":3},"Free plan with 1 domain; Pro from $20\u002Fmo",0,[43],{"name":44,"slug":45,"sub_categories":46},"Design Tools","design-tools",[],[48,51,54,57,60,63],{"name":49,"slug":50},"No Code","no-code",{"name":52,"slug":53},"Responsive","responsive",{"name":55,"slug":56},"Landing Page","landing-page",{"name":58,"slug":59},"Open Source","open-source",{"name":61,"slug":62},"Collaboration","collaboration",{"name":64,"slug":65},"Web Design","web-design",[67,90,103,116],{"id":68,"url":69,"icon":9,"name":70,"slug":71,"tags":72,"cover":86,"tagline":87,"is_featured":88,"date_created":89,"date_updated":9},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[73,76,78,80,82,84],{"seo":9,"name":74,"slug":75},"Free","free",{"seo":9,"name":9,"slug":77},"fonts",{"seo":9,"name":9,"slug":79},"icons",{"seo":9,"name":9,"slug":81},"mockups",{"seo":9,"name":9,"slug":83},"ui-kits",{"seo":9,"name":9,"slug":85},"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":91,"url":92,"icon":9,"name":93,"slug":94,"tags":95,"cover":100,"tagline":101,"is_featured":88,"date_created":102,"date_updated":9},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[96,97,98],{"seo":9,"name":74,"slug":75},{"seo":9,"name":58,"slug":59},{"seo":9,"name":9,"slug":99},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":104,"url":105,"icon":9,"name":106,"slug":107,"tags":108,"cover":113,"tagline":114,"is_featured":88,"date_created":115,"date_updated":9},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[109,110,111],{"seo":9,"name":74,"slug":75},{"seo":9,"name":9,"slug":83},{"seo":9,"name":9,"slug":112},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":117,"url":118,"icon":9,"name":119,"slug":120,"tags":121,"cover":137,"tagline":138,"is_featured":88,"date_created":139,"date_updated":9},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[122,125,127,128,130,131,132,134,135],{"seo":9,"name":123,"slug":124},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":126},"ai",{"seo":9,"name":74,"slug":75},{"seo":9,"name":129,"slug":36},"Freemium",{"seo":9,"name":9,"slug":83},{"seo":9,"name":9,"slug":85},{"seo":9,"name":9,"slug":133},"prototyping",{"seo":9,"name":9,"slug":50},{"seo":9,"name":9,"slug":136},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[141,147,153,159,165,171,177,183,189,195],{"url":142,"name":143,"slug":144,"cover":145,"tagline":146},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp","9f4321c5-7770-4e9d-a434-774fc0698c90.webp","The free and open-source image editor — a powerful Photoshop alternative for photo retouching and image composition",{"url":148,"name":149,"slug":150,"cover":151,"tagline":152},"https:\u002F\u002Fwww.abstract.com","Abstract","abstract","2f0a00a7-78fc-40fb-a92a-74deb4fc2b65.webp","Git-style version control and collaboration for design files — bring engineering workflows to design",{"url":154,"name":155,"slug":156,"cover":157,"tagline":158},"https:\u002F\u002Fgraphite.rs","Graphite","graphite","6317962b-8a4b-489d-9d05-ccf4c17b992a.webp","Next-gen node-based vector graphics editor — powerful, procedural, and browser-ready",{"url":160,"name":161,"slug":162,"cover":163,"tagline":164},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq","3d08be4f-39f6-4152-a769-e28d1a04aac2.webp","Fast, focused wireframing tool that keeps conversations on structure — not pixels",{"url":166,"name":167,"slug":168,"cover":169,"tagline":170},"https:\u002F\u002Fwww.axure.com","Axure RP","axure-rp","f2930b66-a0dc-40f6-9141-c21fa63b4f23.webp","The most powerful UX prototyping tool for complex, data-driven interactions — no code required",{"url":172,"name":173,"slug":174,"cover":175,"tagline":176},"https:\u002F\u002Finkscape.org","Inkscape","inkscape","60333078-f63b-4150-aa3c-71467f03fe3d.webp","Professional-quality vector graphics editor — free and open source",{"url":178,"name":179,"slug":180,"cover":181,"tagline":182},"https:\u002F\u002Fwww.tldraw.com","Tldraw","tldraw","cae98357-81a5-4801-b262-3a5d4babc15a.webp","Open-source infinite canvas for drawing and whiteboarding — build collaborative visual tools",{"url":184,"name":185,"slug":186,"cover":187,"tagline":188},"https:\u002F\u002Flinear.app","Linear","linear-app","7dc9bed7-8510-495f-82b3-84a60b1b4819.webp","Fast, streamlined issue tracking and project management — built for modern product teams",{"url":190,"name":191,"slug":192,"cover":193,"tagline":194},"https:\u002F\u002Fmaze.co\u002F","Maze","maze","11c3053c-0f4a-453c-ba77-9803fe68b29b.webp","Rapid user testing platform for design validation and product research.",{"url":196,"name":197,"slug":198,"cover":199,"tagline":200},"https:\u002F\u002Fpitch.com\u002F","Pitch","pitch","screenshots\u002Fpitch.webp","Modern presentation platform for collaborative storytelling.",[202,209,220],{"url":184,"icon":9,"name":185,"slug":186,"tags":203,"cover":187,"tagline":188,"is_featured":3,"date_created":208,"date_updated":9},[204,205,206,207],{"seo":9,"name":9,"slug":62},{"seo":9,"name":9,"slug":133},{"seo":9,"name":129,"slug":36},{"seo":9,"name":9,"slug":136},"2026-06-16T07:18:11.23048+00:00",{"url":142,"icon":9,"name":143,"slug":144,"tags":210,"cover":145,"tagline":146,"is_featured":3,"date_created":219,"date_updated":9},[211,212,213,215,217],{"seo":9,"name":74,"slug":75},{"seo":9,"name":58,"slug":59},{"seo":9,"name":9,"slug":214},"image-editing",{"seo":9,"name":9,"slug":216},"svg",{"seo":9,"name":9,"slug":218},"print-design","2026-06-16T07:16:45.154035+00:00",{"url":160,"icon":9,"name":161,"slug":162,"tags":221,"cover":163,"tagline":164,"is_featured":3,"date_created":227,"date_updated":9},[222,224,225,226],{"seo":9,"name":9,"slug":223},"wireframe",{"seo":9,"name":9,"slug":133},{"seo":9,"name":9,"slug":62},{"seo":9,"name":129,"slug":36},"2026-06-16T07:14:07.685566+00:00"]