Frequently asked questions

Can I create and submit modern templates with animations to the Webstudio marketplace?

Yes, you can create modern templates with animations and submit them to the Webstudio marketplace. If you create templates similar to Framer's modern designs with nice animations, contact the Webstudio team (ping Oleg in DM) for review and approval. This would help attract more users to Webstudio and expand the template library.

How do I edit text in marketplace templates?

When copying sections from marketplace templates, you should be able to edit text directly in Text and Link components as rich text containers. If you encounter issues where editing destroys the component structure or only shows JSON-like expressions, this was a known bug that has been fixed. The fix ensures Text and Link components are treated as rich text containers rather than requiring parent element editing.

How do I troubleshoot when Context by Onx library components appear broken?

When Context by Onx library components appear broken (showing as red error states), make sure you have the Craft Style Guide properly installed in your project. The Onx library components depend on the Craft Style Guide for proper styling and functionality. Without it, components may not render correctly or show error states.

What can I currently paste into Webstudio?

Currently, you can paste: 1) Elements copied from Webflow, 2) Instances copied from other Webstudio projects, and 3) Markdown content. Webflow copy-paste works through a special JSON data structure, not HTML/CSS directly.

What is Context by Onx and how does it help with Webstudio development?

Context by Onx is a Chrome extension utility that improves your Webstudio experience by organizing contextual variables in a clearer, more accessible interface. It helps group related variables for better structure, provides quick access to edit contextual variables, improves project navigation efficiency, and reduces guesswork. It's designed specifically for Craft-based projects and works with the Onx Library to provide a cleaner, more intuitive workflow for developers and designers.

What is Webstudio's business model and approach to sustainability?

Webstudio follows an open core model where core features are open source, but certain features remain proprietary for sustainability. Currently, the Animation Engine and Marketplace are proprietary features. Webstudio is also developing Inception, an AI design exploration tool, as a separate product. This approach balances providing freedom through open source while maintaining sustainability through premium features. The platform values freedom and integrity while building a sustainable business model.

What is Webstudio's business model and sustainability approach?

Webstudio follows an open core model where core features are open source, but certain features remain proprietary. Currently, the Animation Engine and Marketplace are proprietary features. Webstudio is also developing Inception, an AI design exploration tool, as a separate product. This approach balances providing freedom through open source while maintaining sustainability through premium features.

What should I use instead of the old Text component in newer Webstudio versions?

The old Text component has been removed since it was essentially just a regular div element. You should now use the Paragraph component for text content, or you can write text directly in a regular div element. The Paragraph component provides better semantic structure for text content.

Why can't I edit text in copied marketplace template sections?

If you can't edit text in copied marketplace template sections, this was a known bug where Text and Link components weren't being treated as rich text containers. The issue has been fixed - Text and Link components are now properly recognized as editable rich text elements, preventing the editor from trying to edit their parent containers instead.

Why do Content Block dropdown menus show 'Ws:Element' for many components?

This is a bug where components that were replaced by the Element component show as 'Ws:Element' in the Content Block dropdown. As a workaround, you can manually specify labels for components. This issue has been fixed in GitHub PR 5363, where proper labels now show in the <tag> format.

Why does Webstudio have so few templates compared to other builders?

Webstudio's marketplace was launched recently compared to platforms like Webflow (which has had years to build their template library). Webstudio focuses on empowering the community to build and share templates rather than creating them internally. The roadmap includes importing Webflow and Tailwind templates, and community members can submit templates to the marketplace for review and approval.

Will Webstudio have more modern templates like Framer?

Webstudio encourages community-created templates rather than building them internally. Modern templates with animations (similar to Framer Templates) would attract more users and are welcomed. If you create high-quality templates, you can submit them to the marketplace - contact the team via DM for review and approval. The focus is on empowering the community to build and share professional templates.

Last 30 days

Cloudflare logo
242.5M
Requests
Cloudflare logo
7.12 TB
Data served
Github logo
13
Issues closed
Github logo
24
Merged PRs

Built to scale

Total

Webstudio logo
166.6K
Projects
Github star
7.5K
GitHub stars
Discord logo
5.1K
Discord members
Webstudio logo
87.2K
Users
globe