[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-webstudio-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":65,"alternatives-webstudio-en-US":129,"related-resources-webstudio-en-US":130},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":14,"pros":22,"cons":28,"best_for":33,"cover":34,"icon":9,"pricing":35,"platform":36,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":38,"views_count":40,"featured_rank":9,"categories":41,"tags":46,"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,"description":10},"Webstudio - Open-source visual development platform — design and build websites visually, export clean code | DesignToolMark",[15,16,17,18,19,20,21],"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",[23,24,25,26,27],"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",[29,30,31,32],"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",[37],"Web",{"pro":3,"free":3,"note":39,"team":3},"Free plan with 1 domain; Pro from $20\u002Fmo",0,[42],{"name":43,"slug":44,"sub_categories":45},"Design Tools","design-tools",[],[47,50,53,56,59,62],{"name":48,"slug":49},"Open Source","open-source",{"name":51,"slug":52},"No Code","no-code",{"name":54,"slug":55},"Landing Page","landing-page",{"name":57,"slug":58},"Web Design","web-design",{"name":60,"slug":61},"Collaboration","collaboration",{"name":63,"slug":64},"Responsive","responsive",[66,83,98,115],{"id":67,"url":68,"icon":9,"name":69,"slug":70,"tags":71,"cover":79,"tagline":80,"is_featured":81,"date_created":82,"date_updated":9},670,"https:\u002F\u002Fattentioninsight.com","Attention Insight","attention-insight",[72,74,76,77],{"seo":9,"name":9,"slug":73},"wireframe",{"seo":9,"name":9,"slug":75},"user-research",{"seo":9,"name":9,"slug":58},{"seo":9,"name":78,"slug":35},"Freemium","ef36c4d0-cade-4956-a397-b7c4436ad473.webp","AI-powered attention prediction and visual analytics",false,"2026-06-17T09:18:38.384779+00:00",{"id":84,"url":85,"icon":9,"name":86,"slug":87,"tags":88,"cover":95,"tagline":96,"is_featured":81,"date_created":97,"date_updated":9},669,"https:\u002F\u002Fwww.frontitude.com","Frontitude","frontitude",[89,90,91,92,94],{"seo":9,"name":9,"slug":73},{"seo":9,"name":9,"slug":75},{"seo":9,"name":9,"slug":61},{"seo":9,"name":9,"slug":93},"design-handoff",{"seo":9,"name":78,"slug":35},"5237122f-f736-4899-bd25-2002bf09dec2.webp","UX content management platform for multilingual products","2026-06-17T09:18:30.634258+00:00",{"id":99,"url":100,"icon":9,"name":101,"slug":102,"tags":103,"cover":112,"tagline":113,"is_featured":81,"date_created":114,"date_updated":9},668,"https:\u002F\u002Fwww.aura.build","Aura Build","aura-build",[104,105,107,108,109,111],{"seo":9,"name":9,"slug":73},{"seo":9,"name":9,"slug":106},"prototyping",{"seo":9,"name":9,"slug":58},{"seo":9,"name":9,"slug":64},{"seo":9,"name":9,"slug":110},"icons",{"seo":9,"name":78,"slug":35},"be6ec3d1-5806-4cf8-bc58-5d536af6c04d.webp","AI-powered website builder and design assistant","2026-06-17T09:18:13.351637+00:00",{"id":116,"url":117,"icon":9,"name":118,"slug":119,"tags":120,"cover":126,"tagline":127,"is_featured":81,"date_created":128,"date_updated":9},667,"https:\u002F\u002Fwww.magicpatterns.com","Magic Patterns","magic-patterns",[121,122,123,124,125],{"seo":9,"name":9,"slug":73},{"seo":9,"name":9,"slug":106},{"seo":9,"name":9,"slug":61},{"seo":9,"name":9,"slug":93},{"seo":9,"name":78,"slug":35},"6d6649e5-e83d-44c6-bdf0-91d6cb530736.webp","AI prototype generator for product teams","2026-06-17T09:18:05.299046+00:00",[],[131,142,158],{"url":132,"icon":9,"name":133,"slug":134,"tags":135,"cover":139,"tagline":140,"is_featured":3,"date_created":141,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[136,137,138],{"seo":9,"name":9,"slug":61},{"seo":9,"name":9,"slug":106},{"seo":9,"name":78,"slug":35},"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":143,"icon":9,"name":144,"slug":145,"tags":146,"cover":155,"tagline":156,"is_featured":3,"date_created":157,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[147,150,151,153],{"seo":9,"name":148,"slug":149},"Free","free",{"seo":9,"name":48,"slug":49},{"seo":9,"name":9,"slug":152},"image-editing",{"seo":9,"name":9,"slug":154},"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":159,"icon":9,"name":160,"slug":161,"tags":162,"cover":167,"tagline":168,"is_featured":3,"date_created":169,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[163,164,165,166],{"seo":9,"name":9,"slug":73},{"seo":9,"name":9,"slug":106},{"seo":9,"name":9,"slug":61},{"seo":9,"name":78,"slug":35},"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"]