webstudio-is/webstudio

어떤 프로젝트인가요?

핵심 기능

• 01모든 CSS 속성을 지원하는 시각적 페이지 제작 기능.
• 02콘텐츠 소스로 어떤 헤드리스 CMS와도 연동.
• 03직접 호스팅하거나 호스팅 서비스로 이용 가능.
• 04Cloudflare Workers를 비롯한 다양한 호스트에 배포 가능.
• 05TypeScript, Remix, Radix UI 기반.

활용 사례

• 벤더 종속 없이 Webflow 스타일의 비주얼 빌더를 원하는 팀.
• 헤드리스 CMS에 콘텐츠를 저장하고 시각적 프런트엔드가 필요한 사이트.
• 사이트 데이터와 호스팅을 자체 인프라에서 관리해야 하는 조직.

빠른 시작

1. 1

   문서에서 자체 호스팅 및 개발 환경 설정 방법을 확인하세요

사용 전 알아둘 점

• !네트워크 사용 의무가 있는 카피레프트 라이선스인 AGPL-3.0에 따라 라이선스가 부여됩니다.
• !선택 사항인 sdk-components-animation 패키지는 독점 소프트웨어이며 EULA에 동의해야 사용할 수 있습니다.

포함된 컬렉션

토픽

자주 묻는 질문

webstudio은(는) 무엇인가요?

헤드리스 CMS와 연동하고 자체 호스팅도 가능한 오픈소스 비주얼 웹사이트 빌더로, Webflow의 대안입니다. Webstudio는 브라우저에서 웹사이트를 만드는 비주얼 개발 플랫폼입니다. 디자이너와 개발자는 페이지 레이아웃을 시각적으로 구성할 수 있으며, 프로젝트 측은 모든 CSS 속성을 지원하고 콘텐츠를 위해 어떤 헤드리스 CMS와도 연동할 수 있다고 설명합니다.

webstudio은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

webstudio은(는) AGPL-3.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

webstudio은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. webstudio의 마지막 커밋은 2026년 11월 5일입니다.

webstudio은(는) 어디에 사용할 수 있나요?

벤더 종속 없이 Webflow 스타일의 비주얼 빌더를 원하는 팀. 헤드리스 CMS에 콘텐츠를 저장하고 시각적 프런트엔드가 필요한 사이트. 사이트 데이터와 호스팅을 자체 인프라에서 관리해야 하는 조직.

webstudio는 어떻게 설치하나요?

문서에서 자체 호스팅 및 개발 환경 설정 방법을 확인하세요

webstudio은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/webstudio-is/webstudio