Webstudio Review for Custom Layouts

The research in brief

Webstudio is a strong fit for advanced custom layout and styling control. Three of the seven platforms in this study named Webstudio during the ranking stage, and all seven that produced fit research rated it positively for this use case. The strongest reason to consider it is that its visual Style Panel exposes standard CSS properties - flexbox, grid, sizing, positioning, typography, transforms, transitions, and advanced properties - plus custom breakpoints and reusable design tokens, without requiring raw code from scratch ^[10]. The main limitation is a steeper learning curve: the documentation assumes familiarity with CSS concepts, and self-hosting shifts infrastructure responsibility to the buyer ^[34].

Research Snapshot

Why Webstudio Qualified for This Study

Questions explored

• Is Webstudio a good choice for advanced custom layout and styling control without hiring a developer?
• Why did only three of the seven AI platforms name Webstudio during the ranking stage?

Webstudio qualified because it directly addresses the study's core criterion: layout customization depth without template rigidity. Three platforms - DeepSeek, Kimi, and ChatGPT - named it during ranking discovery, at ranks 6, 3, and 5 respectively. All seven platforms that produced fit research then evaluated it for this use case, and all seven rated it positively: six as a strong fit and one (Gemini) as a good fit.

The platform's documented feature set matches the research prompt's requirements. Webstudio's Style Panel exposes visual controls for display, flexbox, grid, flex/grid child behavior, sizing, spacing, positioning, typography, backgrounds, borders, shadows, filters, transitions, transforms, and advanced CSS properties ^[10]. It supports mobile-first cascading breakpoints, customizable breakpoints, and media conditions beyond screen width ^[9]. It also provides reusable tokens and global variables for systematic design work ^[22].

The ranking-stage mention count is lower than the fit-research count because ranking discovery and fit evaluation are separate stages. A platform can evaluate an entity's fit without having named it in its initial ranked list. This review treats the three ranking mentions as the discovery signal and the seven fit assessments as the substantive evidence.

The hosting offering in focus

Questions explored

• Which Webstudio plan should a buyer choose for advanced custom layout and styling control?
• Is Webstudio Cloud Pro or self-hosted Webstudio better for a freelance designer who wants pixel-level control?

The most relevant option for this use case is Webstudio Cloud Pro at $15/month billed yearly, with the Free tier for evaluation and self-hosted or exported projects for buyers who want to avoid cloud subscription dependence ^[23].

Pro is the practical default because it includes unlimited sites with custom domains, 100,000 monthly page views, staging and production publishing, backups, advanced sharing, and CMS connections ^[23]. These features matter for client work and iterative design workflows. The Free tier includes unlimited projects and pages, project sharing, and project export, but uses a wstd.io subdomain and does not provide Pro's custom-domain hosting features ^[23].

Self-hosting is a separate path. Webstudio's Builder is described as AGPL-licensed open source under an Open Core model, and projects can be exported as static sites or dynamic JavaScript applications ^[3]. However, Webstudio specifically states that production self-hosting of the Builder itself is difficult and currently not recommended, while self-hosting generated sites is supported ^[11]. Dynamic exports require hosting capable of server-side execution and CMS data fetching; Docker deployment has a documented minimum of 1 GB memory and 1 CPU core ^[11].

For the target buyer - a design-conscious small business owner or freelance designer who wants pixel-level control without hiring a developer - Pro is the lower-friction choice. Self-hosting is best reserved for buyers willing to accept infrastructure and operational responsibility.

What the AI Platforms Agreed About

Questions explored

• Do all the AI platforms agree that Webstudio is the best fit for advanced custom layout and styling control?
• What specific CSS layout features do the platforms agree Webstudio provides?

The platforms showed strong, near-unanimous agreement on Webstudio's core design-control capabilities. Six of seven rated it a strong fit; Gemini rated it good. No platform rated it as a poor fit for this use case.

The clearest area of agreement is CSS property access. Multiple platforms independently reported that Webstudio exposes all CSS properties and HTML attributes, not just commonly used ones ^[28]. The Style Panel provides visual controls for display, flexbox, grid, sizing, spacing, positioning, typography, backgrounds, borders, shadows, filters, transitions, transforms, and advanced properties ^[10].

The platforms also agreed on responsive design depth. Webstudio uses mobile-first responsive styling with cascading breakpoint overrides, and buyers can customize breakpoints and use media conditions including width, orientation, color scheme, reduced motion, contrast, hover, and pointer capabilities ^[9]. Custom breakpoints can be defined with any media query condition including prefers-color-scheme, prefers-reduced-motion, and orientation ^[5].

A third area of agreement is template freedom. The documented workflow emphasizes constructing layouts from boxes, semantic elements, flexbox, grid, and CSS properties rather than selecting fixed layout components ^[10]. The Element component is a flexible container allowing semantic HTML with full styling without predefined structural constraints ^[4]. Webstudio is intentionally template-agnostic: projects start as blank canvases or community templates, but all elements remain fully editable ^[13].

A fourth area is design-system tooling. Reusable Styles attach to Tokens without specificity issues, and Local Styles allow design without naming ^[22]. CSS variables support both global design systems and local variables for micro-interactions ^[22]. Figma layout values translate into Webstudio space tokens which generate CSS custom properties ^[29].

Where the AI Platforms Disagreed or Were Uncertain

Questions explored

• What are the main uncertainties about Webstudio's pricing and plan naming for advanced custom layout buyers?
• How steep is Webstudio's learning curve, and do the platforms agree on how hard it is?

The platforms disagreed or were uncertain on several points that matter to buyers.

Plan naming. The ranking-stage description refers to a "Hobby" tier, while the currently checked official pricing page labels the free option "Free" ^[23]. Several platforms used "Hobby" (Claude, DeepSeek, Grok, Kimi, Perplexity), while ChatGPT flagged the naming conflict. Buyers should verify the current name and included features.

Pricing conflicts. Multiple sources cite Pro at $15/month billed yearly, and the official pricing page confirms this ^[23]. However, Claude reported that SoftwareSuggest and B12.io cite $20/month, and Kimi inferred a ~$20/month monthly-billing rate. The official pricing page states Pro is $15/month billed yearly, but the equivalent total annual charge and any monthly-billing price were not clearly established from the checked content ^[23]. Google reported a $20/month billed monthly option ^[23], but this was not confirmed in the official excerpt checked.

Learning curve. All platforms agreed the learning curve is steeper than template-based builders, but they characterized it differently. Deepseek called it "steeper" ^[17]. Anthropic said the documentation is written for people comfortable with stylesheet properties and targets CSS-literate designers ^[34]. Google said the interface is explicitly styled to mimic the web platform itself rather than abstracting it, resulting in a steep learning curve ^[16]. Perplexity noted that no verified benchmark of difficulty was found ^[22]. The assessment of learning curve is an evidence-based inference from the documented CSS-centric workflow, not a measured user-study result (ChatGPT).

Self-hosting feature parity. Anthropic reported that Webstudio docs state email sending is cloud-only, requiring custom backend implementation on self-hosted, with no clarification on partial versus full feature parity. OpenAI reported that production self-hosting of the Builder is not recommended by the documentation ^[11].

Team workspaces. Anthropic reported that team workspaces with access control are "planned but no timeframe confirmed." This is a platform-reported claim that should be verified.

Animation components license. Anthropic reported that Webstudio's README notes an optional proprietary animation package requiring EULA acceptance, with unclear scope, cost, or default inclusion status.

Independent benchmarking. No independent source was found that quantitatively benchmarks Webstudio's design flexibility or learning curve against Webflow, Framer, Wix Studio, or similar alternatives (ChatGPT).

Features for this workload

Questions explored

• What CSS Grid and Flexbox controls does Webstudio offer for pixel-level layout work?
• Can Webstudio handle custom breakpoints and responsive design beyond standard mobile, tablet, and desktop?

Webstudio's capabilities map directly to the five category criteria in this study.

Layout customization depth. The Style Panel exposes visual controls for display, flexbox, grid, flex/grid child behavior, sizing, spacing, positioning, typography, backgrounds, borders, shadows, filters, transitions, transforms, and advanced CSS properties ^[10]. Webstudio provides full native CSS Grid support with visual tools including a grid generator with presets, column/row track editors with minmax support, and a visual area picker for named areas ^[21]. It also provides a 12x8 picker, column track editors, auto-placement, and visual gap alignment ^[20]. Presets include Holy Grail, responsive cards, and fluid sidebars ^[19].

CSS and styling control. Webstudio uses standard CSS property names, supports local styles and reusable design tokens, and provides an Advanced area for CSS properties not covered elsewhere ^[10]. CSS declarations can be pasted and translated into Style Panel fields, but pasted CSS selectors are not supported as a direct selector-based workflow ^[6]. CSS calculations using calc and unit conversion (e.g., 100px to rems) are supported ^[22]. Reusable Styles attach to Tokens without specificity issues; Local Styles allow design without naming, convertible later to Tokens ^[22].

Template rigidity versus freedom. The documented workflow emphasizes constructing layouts from boxes, semantic elements, flexbox, grid, and CSS properties rather than selecting fixed layout components ^[10]. The Element component is a flexible container allowing semantic HTML with full styling without predefined structural constraints ^[4]. Webstudio is intentionally template-agnostic: projects start as blank canvases or community templates, but all elements remain fully editable ^[13].

Responsive design controls. Webstudio uses mobile-first responsive styling with cascading breakpoint overrides ^[9]. Buyers can customize breakpoints and use media conditions including width, orientation, color scheme, reduced motion, contrast, hover, and pointer capabilities ^[9]. Custom breakpoints can be defined with any media query condition including prefers-color-scheme, prefers-reduced-motion, and orientation ^[5]. Styles cascade from larger to smaller breakpoints ^[12]. Documentation describes flexbox layout controls, flex wrap, gap, percentage widths, min/max widths, and breakpoint-based responsive design ^[9].

Custom code and extensibility. Project settings include global custom code for head output, and HTML Embed or slots can be used for body-level output ^[8]. This expands styling and integration options but introduces code and maintenance responsibilities. Custom elements are currently only supported in the HTML Embed component without Tailwind CSS; the team has planned support for custom elements with Tailwind ^[21].

Component system. Radix accessible components (dropdowns, dialogs, forms, tooltips) can be dragged, dropped, and styled without code ^[22]. Supports reusable components with props (variables) and design tokens for colors, typography, spacing ^[13].

Typography. Advanced typography with custom font loading (Google Fonts, custom uploads), variable font support, and granular control over line-height, letter-spacing, text-transform, and responsive font sizes ^[13].

Animation. Supports CSS animations, transitions, and scroll-driven animations ^[13]. More complex JavaScript-driven interactions require custom code embeds or external scripts ^[13].

Pricing, renewal terms, and ongoing costs

Questions explored

• How much does Webstudio Pro cost per month, and are there page-view overage fees?
• What are Webstudio's cancellation and refund terms for the Pro plan?

The relevant hosted option is Pro at $15 per month when billed yearly ^[23]. A free cloud tier is available. Self-hosting avoids Webstudio cloud subscription charges but shifts hosting, deployment, infrastructure, maintenance, and potentially CMS or platform costs to the buyer ^[23].

Known costs:

• Free tier: $0, with a wstd.io subdomain and export capability ^[23].
• Pro cloud: $15/month billed yearly ^[23].
• Pro includes 100,000 monthly page views; additional usage is listed at $20 per additional 100,000 page views ^[23].
• Team plan: $35/month billed yearly ^[23].
• Self-hosting: Webstudio subscription cost may be avoided, but third-party hosting, domain, CMS, database, deployment, and maintenance costs may apply ^[23].
• Dynamic self-hosting may require infrastructure supporting server-side JavaScript execution; Docker deployment has a documented minimum of 1 GB memory and 1 CPU core ^[11].

Additional fees:

• Custom domain registration is not stated as included domain registration; the plan provides custom-domain hosting, so the buyer should budget separately for domain registration ^[23].
• Page-view overages may apply on Pro at $20 per additional 100,000 page views ^[23].
• Third-party hosting, CMS, database, CDN, or server costs may apply for self-hosted deployments ^[23].

Contract and cancellation terms:

• The pricing page identifies Pro as billed yearly at the stated $15/month rate ^[23].
• Cancellation, refunds, and whether access continues through the paid period were not sufficiently visible in the checked pricing-page content and should be verified before purchase ^[23].
• The buyer should confirm whether a yearly subscription renews automatically and how overage charges are authorized or capped ^[23].
• Google reported that subscription plans are billed monthly or annually and can be canceled at any time, with no penalty for export ^[23]. This conflicts with ChatGPT's finding that cancellation terms were not sufficiently visible, and should be verified.
• Anthropic reported a Team plan at $35/month billed yearly with 5 seats, workspaces, and member roles (Claude). This is platform-reported and should be verified.

Pricing confidence: Moderate. The official pricing page confirms Pro at $15/month billed yearly and overage pricing, but the total annual charge, monthly-billing price, and detailed cancellation terms were not clearly established from the checked content ^[23].

Best Suited For

Questions explored

• Who gets the most value from Webstudio for advanced custom layout and styling control?
• Is Webstudio worth it for a freelance designer managing multiple client sites?

Webstudio is best suited for pixel-sensitive marketing sites, portfolios, agency sites, and custom business websites (ChatGPT). It fits designers comfortable learning CSS concepts such as flexbox, grid, cascading styles, tokens, and breakpoints (ChatGPT). It also suits freelancers who need reusable styling systems, custom domains, staging, backups, and client handoff features (ChatGPT). Buyers who value exportability and the option to host projects independently are also a good fit (ChatGPT).

The Pro plan at $15/month for unlimited projects and custom domains suits freelancers and small agencies managing multiple client sites (Claude). The free tier permits experimentation and export; Pro adds client-oriented hosting, staging, backups, and custom domains ^[23].

Specific buyer profiles named across platforms:

• Freelance designers who want CSS Grid/Flexbox-level layout control and direct styling without writing a full codebase (DeepSeek).
• Small business owners with design skills who need pixel-level control over responsive layouts (DeepSeek).
• Users willing to accept a technical learning curve in exchange for design freedom (DeepSeek).
• Buyers who want the option to self-host for greater control or data ownership (DeepSeek).
• Designers experienced with CSS concepts who want visual interface control without proprietary constraints (Claude).
• Budget-conscious buyers who want advanced layout control without paying for enterprise-tier plans (Kimi).

Probably Not Best Suited For

Questions explored

• Who should not choose Webstudio for advanced custom layout and styling control?
• Is Webstudio a bad fit for non-technical buyers who want a simple drag-and-drop builder?

Webstudio is probably not best suited for users who want the simplest possible no-code builder with minimal layout concepts (ChatGPT). It is also a poor fit for projects requiring extensive custom application logic entirely inside the visual builder (ChatGPT). Buyers who want self-hosting but do not want to manage hosting, deployments, server resources, or CMS/runtime configuration should look elsewhere (ChatGPT). Users needing static export while also depending on dynamic pages, redirects, webhook forms, image optimization, or generated sitemap and robots files will find static export removes those capabilities ^[11].

Additional profiles that are not a good fit:

• Beginner non-technical users uncomfortable with CSS property names or modern layout terminology (Claude).
• High-traffic single-site operations exceeding 100,000 monthly page views without budget for overage fees ($20/100k views) (Claude).
• Enterprises requiring multi-team access control and workspaces on self-hosted deployments (planned but no timeframe confirmed) (Claude).
• Builders needing native blogging, customer support channels, or extensive template ecosystem out of box (Claude).
• Non-technical buyers who want a purely drag-and-drop template builder with extensive pre-made designs (DeepSeek).
• Users who need extensive built-in e-commerce features without custom integration work (DeepSeek).
• Businesses that require a large marketplace of third-party plugins or apps (DeepSeek).
• Buyers who prioritize managed hosting and zero operational responsibility (DeepSeek).
• Absolute beginners who do not understand CSS concepts like flexbox, grid, padding/margin, and variables (Gemini).
• Teams seeking an extensively mature marketplace of third-party plugins and pre-made templates (Gemini).

When Another Option May Be Better

Questions explored

• What is a better alternative to Webstudio for a buyer who needs a shorter learning curve?
• When should a buyer choose Webflow, Framer, or a managed builder instead of Webstudio?

Another option may be better in several specific situations.

Shorter learning curve. Choose a simpler mainstream builder when the buyer prioritizes a shorter learning curve over CSS-level control (ChatGPT). Wix Studio offers three default responsive breakpoints and fluid scaling without CSS property knowledge (Claude). Canva or Figma prototyping avoids Webstudio's CSS terminology and breakpoint concepts entirely (Claude).

Complex application behavior. Choose a developer-oriented framework or hand-coded workflow when the project requires complex application behavior, extensive custom JavaScript, or unrestricted selector and code architecture (ChatGPT).

Managed hosting. Choose a managed hosted platform when the buyer wants to avoid deployment, runtime, CMS, server, and infrastructure decisions (ChatGPT). Wix or Squarespace offer zero maintenance responsibility with managed everything (Kimi).

Static export limitations. Choose a different tool when the buyer's workflow depends heavily on static export while also requiring dynamic pages, redirects, webhooks, automatic image optimization, sitemap generation, or robots.txt (ChatGPT).

High-traffic single site. Webflow's per-site model avoids Webstudio's page-view overage penalties for a single high-traffic site exceeding 100,000 page views per month (Claude).

Enterprise team access. Webflow provides immediate multi-seat collaboration, while Webstudio's team workspaces feature lacks a confirmed ship date (Claude).

Template ecosystem. Squarespace, Framer, or Wix offer curated templates; Webstudio is blank-canvas focused (Claude).

Native blogging. Wix or WordPress offer built-in blog features; Webstudio requires external CMS integration (Claude).

E-commerce. Shopify or Webflow Ecommerce provide native e-commerce with inventory management (Kimi).

CMS with editorial workflows. Webflow or WordPress provide robust built-in CMS with editorial workflows (Kimi).

Plugin ecosystem. WordPress with Advanced Block Controls or similar provides a deep plugin ecosystem for extended functionality (Kimi).

Questions to ask before choosing a provider

Questions explored

• What should a buyer confirm with Webstudio before signing up for the Pro plan?
• How should a buyer verify Webstudio's page-view overage and cancellation terms before purchase?

The platforms surfaced a consistent set of verification items. Buyers should confirm these before purchase.

Plan naming and features. Is the free tier currently called Free or Hobby, and which exact features are included? (ChatGPT). What are the current project, bandwidth, and collaborator limits on the free and Pro plans? (DeepSeek).

Pricing and billing. What is the total annual Pro charge, what is the monthly-billing price, and does the subscription auto-renew? (ChatGPT). What is the exact monthly price if not paying yearly? (Kimi). What is the exact cancellation and refund policy for monthly and yearly billing? (DeepSeek). What are the cancellation, refund, downgrade, and post-cancellation site-access rules? (ChatGPT).

Overage terms. How are page-view overages calculated, notified, capped, and billed? (ChatGPT). What specific overage charges apply beyond 100,000 page views and how are they billed? (Perplexity).

Included features. Are custom domains, SSL, DNS assistance, backups, and staging included for the specific Pro workspace? (ChatGPT). Does the Pro plan include custom code/CSS features, or are any advanced styling options restricted? (DeepSeek).

Advanced CSS and code. Which advanced CSS selectors, pseudo-elements, custom fonts, animations, and JavaScript integrations require HTML Embed or external code? (ChatGPT). Will the buyer need Tailwind CSS for custom embedded components, or is standard CSS sufficient? (Claude).

Export behavior. Can the buyer export a project with the exact responsive behavior, assets, CMS connections, redirects, and SEO configuration required? (ChatGPT). Does the intended CMS or form workflow remain fully functional after static export, or does it require a dynamic deployment? (ChatGPT).

Self-hosting. For self-hosting, which deployment target is recommended for a non-developer buyer, and who handles updates, monitoring, security, backups, and incident recovery? (ChatGPT). Does the buyer have in-house DevOps capacity (Docker, PostgreSQL, Remix/Node.js) for deployment and ongoing maintenance, or is SaaS required? (Claude).

CMS integration. Does the buyer's CMS choice (Ghost, Strapi, etc.) have confirmed Webstudio integration, or will custom API setup be required? (Claude). How does the CMS handle relational data and multi-reference fields for complex projects? (Kimi).

Team collaboration. Does the buyer require native team workspaces with role-based access control immediately, or can they proceed with current workaround (email-based sharing) while feature is in development? (Claude).

Licensing. What AGPL obligations apply if the buyer modifies the Builder or provides a hosted service based on it? (ChatGPT).

Traffic profile. Does the buyer's typical site traffic exceed 100,000 monthly page views? If yes, calculate overage fees ($20/100k, capped at $200/month total overage) against per-site builder costs (Claude).

CSS comfort. Is the buyer comfortable with CSS property naming and breakpoint concepts, or will the documentation assumption of stylesheet literacy create onboarding friction? (Claude).

The consensus assessment

Webstudio is a strong fit for advanced custom layout and styling control. Six of seven platforms rated it strong; one rated it good. No platform rated it poorly for this use case.

The consensus rests on documented capabilities: full CSS property access in a visual interface, native CSS Grid and Flexbox with visual tools, custom breakpoints with any media query condition, reusable design tokens without class management, and export or self-hosting options that reduce vendor lock-in ^[10].

The main tradeoffs are consistent across platforms: a steeper learning curve than template-based builders, page-view overage risk on the hosted Pro plan, self-hosting operational burden, and less mature CMS, e-commerce, and collaboration features than dedicated platforms (ChatGPT, Claude, DeepSeek, Kimi).

For the target buyer - a design-conscious small business owner or freelance designer who wants pixel-level control without hiring a developer - Webstudio Cloud Pro at $15/month billed yearly is the practical default. The free tier is suitable for evaluation. Self-hosting is best reserved for buyers willing to accept infrastructure and operational responsibility.

This verdict reflects platform-reported evidence, not independent verification. Company-owned citations materially outnumber independent citations in the supplied research. Buyers should verify current pricing, plan naming, cancellation terms, and feature availability before purchase.

How This Review Was Produced

This review was produced from supplied research responses generated by seven AI platforms: Claude (claude-haiku-4-5-20251001), DeepSeek (deepseek-v4-flash), Gemini (gemini-3.5-flash), Grok (x-ai/grok-4.3), Kimi (moonshotai/kimi-k2.6), ChatGPT (gpt-5.6-luna), and Perplexity (perplexity/sonar). Each platform was asked to evaluate Webstudio's fit for advanced custom layout and styling control.

The research date for this study is 2026-10-03. Platform-reported research dates differ: DeepSeek reported 2026-04-25, while the other six platforms reported 2026-10-03. This discrepancy is a methodology limitation.

Ranking-stage mentions were counted only from platforms that named Webstudio during ranking discovery. Fit-research assessments were counted separately. The article preserves all material conflicts, limitations, and uncertainties reported by the platforms.

Research limitations

Several limitations affect this review.

Platform-reported evidence. Citations are platform-reported evidence, not independently verified facts. No-search model claims require explicit verification before being described as current facts. Deepseek's research was conducted without search enabled (search_enabled: false), so its claims rely on model knowledge rather than retrieved sources.

Company-owned citations dominate. Company-owned citations materially outnumber independent citations in the supplied research. Do not describe company claims as independently verified.

Date discrepancies. Platform-reported research dates differ from the authoritative run date. Deepseek reported 2026-04-25; the other six platforms reported 2026-10-03. Platform-reported dates are provenance metadata and do not independently prove freshness.

Unvalidated URLs. The supplied URLs were collected from platform responses and were not independently validated by the writer stage.

Conflicting information. Plan naming (Free vs. Hobby), pricing ($15/month vs. $20/month), and cancellation terms conflict across sources. This review describes the conflicts rather than resolving them by guessing.

No independent benchmarking. No independent source was found that quantitatively benchmarks Webstudio's design flexibility or learning curve against Webflow, Framer, Wix Studio, or similar alternatives.

Learning curve inference. The assessment of learning curve is an evidence-based inference from the documented CSS-centric workflow, not a measured user-study result.

Missing pricing details. The total annual Pro charge, monthly-billing price, and detailed cancellation, refund, renewal, and overage authorization terms were not sufficiently exposed in the checked pricing-page content.

Static export limitations. Static exports do not support dynamic pages, redirects, webhook forms, image optimization, client navigation, robots.txt, or sitemap.xml according to the self-hosting documentation ^[11].

See the broader Custom Layouts consensus index for comparisons across qualified options.

Explore more website builders guidance in the category directory.

Sources

Company-Owned Sources

1. Advanced Block Controls - Core Blocks Page Builder: https://advancedblockcontrols.com
2. Advanced Columns - WordPress Layout Builder: https://advancedcolumns.com
3. FAQs: https://docs.webstudio.is/basics/faq
4. Element: https://docs.webstudio.is/university/core-components/element
5. Anatomy of the Webstudio builder: https://docs.webstudio.is/university/foundations/anatomy-of-the-webstudio-builder
6. CSS: https://docs.webstudio.is/university/foundations/copy-paste/css
7. Layout & Flexbox | Webstudio Documentation: https://docs.webstudio.is/university/foundations/layout-and-flexbox
8. Project Settings: https://docs.webstudio.is/university/foundations/project-settings
9. Responsive design: https://docs.webstudio.is/university/foundations/responsive-design
10. Style panel: https://docs.webstudio.is/university/foundations/style-panel
11. Self-Hosting: https://docs.webstudio.is/university/self-hosting
12. webstudio-community/docs/university/foundations/responsive-design.md: https://github.com/webstudio-is/webstudio-community/blob/main/docs/university/foundations/responsive-design.md
13. Webstudio: Visual development, the open-source website builder: https://webstudio.is/
14. Filter Free Website Builders by Cost, Complexity, and More - Webstudio: https://webstudio.is/best-website-builders
15. Best Alternative in the Webflow vs Framer Debate? - Webstudio: https://webstudio.is/blog/webflow-vs-framer-vs-webstudio
16. Webstudio's Architecture - an overview: https://webstudio.is/blog/webstudios-architecture-an-overview
17. Webstudio documentation: https://webstudio.is/docs/
18. CSS variables | Webstudio Documentation: https://webstudio.is/docs/css-variables
19. Layout & Grid - Webstudio Documentation: https://webstudio.is/docs/layout-grid
20. styling FAQ - Webstudio: https://webstudio.is/docs/styling-faq
21. Frequently asked questions: https://webstudio.is/faq/styling
22. Features - Learn about Webstudio's features: https://webstudio.is/features
23. Pricing - Straightforward and predictable pricing: https://webstudio.is/pricing
24. WP Plover - Advanced Layout Module Documentation: https://wpplover.com/docs/plover-kit/modules/advanced-layout
25. Gutenberg Advanced Layout Documentation: https://wypo.io/en/documentations/gutenberg-advanced-layout
26. Official pricing and terms source: https://webstudio.is/terms

Independent Sources

27. Webflow vs. Webstudio: Complete 2026 Comparison: https://gemeos.agency/blog/webflow-vs-webstudio
28. Webstudio Features Builder: Design Freedom and Developer Power: https://medium.com/@aicontentpace/webstudio-featuresbuilder-design-freedom-and-developer-power-04e1cf625154
29. Design Tokens in Webstudio: A Practical Implementation Guide: https://medium.com/@robertomoreno/design-tokens-in-webstudio-a-practical-implementation-guide-99908cfcb1e5
30. Webflow vs Webstudio 2026 - Scored Comparison: https://radartrek.com/website-builders/webflow-vs-webstudio
31. Deploy & Host Webstudio: https://railway.com/deploy/webstudio--webstudio
32. Webstudio download: https://sourceforge.net/projects/webstudio.mirror/
33. Webstudio Reviews, Pricing & Alternatives (2026) | Toolradar: https://toolradar.com/tools/webstudio
34. Webstudio - Everything You Should Know in 2026: https://websitebuilders.to/webstudio
35. Webstudio Reviews 2026: Details, Pricing, & Features: https://www.g2.com/products/webstudio/reviews
36. Webstudio Review 2026: Open-Source Webflow Alternative: https://www.gappsy.com/tools/webstudio/
37. Best website builder software for 2026: Ranked and reviewed: https://www.guideflow.com/blog/website-builder-software