[{"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":131,"related-resources-webstudio-en-US":192},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,84,105,119],{"id":67,"url":68,"icon":9,"name":69,"slug":70,"tags":71,"cover":80,"tagline":81,"is_featured":82,"date_created":83,"date_updated":9},697,"https:\u002F\u002Fseeles.ai","Seeles","seeles",[72,74,76,78],{"seo":9,"name":9,"slug":73},"3d-modeling",{"seo":9,"name":9,"slug":75},"prototyping",{"seo":9,"name":9,"slug":77},"video",{"seo":9,"name":79,"slug":35},"Freemium","33884bae-954a-41f1-8891-0fe6dae3a7e9.webp","AI 3D game creation engine",false,"2026-06-21T05:12:48.308567+00:00",{"id":85,"url":86,"icon":9,"name":87,"slug":88,"tags":89,"cover":102,"tagline":103,"is_featured":82,"date_created":104,"date_updated":9},696,"https:\u002F\u002Ficons8.com","ICONS8","icons8",[90,92,94,96,98,100],{"seo":9,"name":9,"slug":91},"icons",{"seo":9,"name":9,"slug":93},"illustrations",{"seo":9,"name":9,"slug":95},"ui-kits",{"seo":9,"name":9,"slug":97},"svg",{"seo":9,"name":9,"slug":99},"freebie",{"seo":9,"name":9,"slug":101},"paid","781eea54-cd43-4271-a400-a07138d385d4.webp","Massive library of design resources and AI tools","2026-06-21T05:12:38.384448+00:00",{"id":106,"url":107,"icon":9,"name":108,"slug":109,"tags":110,"cover":116,"tagline":117,"is_featured":82,"date_created":118,"date_updated":9},694,"https:\u002F\u002Fxfun.design","XFUN","xfun",[111,113,115],{"seo":9,"name":9,"slug":112},"branding",{"seo":9,"name":9,"slug":114},"ecommerce",{"seo":9,"name":79,"slug":35},"6c7d6d51-1157-4ae8-89b1-4a914da9a5b3.webp","AI-powered packaging design platform","2026-06-21T05:12:11.765098+00:00",{"id":120,"url":121,"icon":9,"name":122,"slug":123,"tags":124,"cover":128,"tagline":129,"is_featured":82,"date_created":130,"date_updated":9},693,"https:\u002F\u002Fnamesnack.com","NameSnack","namesnack",[125,126,127],{"seo":9,"name":9,"slug":112},{"seo":9,"name":9,"slug":99},{"seo":9,"name":79,"slug":35},"960c7a76-09ff-49fe-b555-779da5812f92.webp","AI brand naming and identity tool","2026-06-21T05:12:00.819631+00:00",[132,138,144,150,156,162,168,174,180,186],{"url":133,"name":134,"slug":135,"cover":136,"tagline":137},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq","3d08be4f-39f6-4152-a769-e28d1a04aac2.webp","Fast, focused wireframing tool that keeps conversations on structure — not pixels",{"url":139,"name":140,"slug":141,"cover":142,"tagline":143},"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":145,"name":146,"slug":147,"cover":148,"tagline":149},"https:\u002F\u002Finkscape.org","Inkscape","inkscape","60333078-f63b-4150-aa3c-71467f03fe3d.webp","Professional-quality vector graphics editor — free and open source",{"url":151,"name":152,"slug":153,"cover":154,"tagline":155},"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":157,"name":158,"slug":159,"cover":160,"tagline":161},"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":163,"name":164,"slug":165,"cover":166,"tagline":167},"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":169,"name":170,"slug":171,"cover":172,"tagline":173},"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":175,"name":176,"slug":177,"cover":178,"tagline":179},"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":181,"name":182,"slug":183,"cover":184,"tagline":185},"https:\u002F\u002Fmaze.co\u002F","Maze","maze","11c3053c-0f4a-453c-ba77-9803fe68b29b.webp","Rapid user testing platform for design validation and product research.",{"url":187,"name":188,"slug":189,"cover":190,"tagline":191},"https:\u002F\u002Fpitch.com\u002F","Pitch","pitch","screenshots\u002Fpitch.webp","Modern presentation platform for collaborative storytelling.",[193,199,209],{"url":175,"icon":9,"name":176,"slug":177,"tags":194,"cover":178,"tagline":179,"is_featured":3,"date_created":198,"date_updated":9},[195,196,197],{"seo":9,"name":9,"slug":61},{"seo":9,"name":9,"slug":75},{"seo":9,"name":79,"slug":35},"2026-06-16T07:18:11.23048+00:00",{"url":151,"icon":9,"name":152,"slug":153,"tags":200,"cover":154,"tagline":155,"is_featured":3,"date_created":208,"date_updated":9},[201,204,205,207],{"seo":9,"name":202,"slug":203},"Free","free",{"seo":9,"name":48,"slug":49},{"seo":9,"name":9,"slug":206},"image-editing",{"seo":9,"name":9,"slug":97},"2026-06-16T07:16:45.154035+00:00",{"url":133,"icon":9,"name":134,"slug":135,"tags":210,"cover":136,"tagline":137,"is_featured":3,"date_created":216,"date_updated":9},[211,213,214,215],{"seo":9,"name":9,"slug":212},"wireframe",{"seo":9,"name":9,"slug":75},{"seo":9,"name":9,"slug":61},{"seo":9,"name":79,"slug":35},"2026-06-16T07:14:07.685566+00:00"]