Constructor visual de código abierto para crear aplicaciones y sitios web en tu base de código, arrastrando y soltando tus propios componentes de React.
webstudio-is/webstudio
Constructor visual de sitios web de código abierto que se conecta a CMS headless y permite alojarse por cuenta propia; se presenta como alternativa a Webflow.
Alternativa open source a:Webflow
- Estrellas
- 9,149
- Forks
- 1,640
- Issues abiertos
- 345
- Último commit
- hace 3 horas
¿Qué es?
Webstudio es una plataforma de desarrollo visual para crear sitios web desde el navegador. Diseñadores y desarrolladores pueden diseñar páginas visualmente, y el proyecto afirma que admite todas las propiedades CSS y se conecta a cualquier CMS headless para gestionar contenido.
El proyecto pone el foco en el control de los datos y la infraestructura: puedes usar la versión alojada o desplegar tu propia instancia. El README indica que se puede alojar en cualquier lugar, incluido Cloudflare. El código principal tiene licencia AGPL-3.0, mientras que un paquete SDK de animación opcional es propietario y se rige por un EULA independiente.
El código está escrito en TypeScript y se desarrolla con Remix y Radix UI. Entre los temas del proyecto figura Cloudflare Workers, lo que apunta a un stack basado en estándares web y orientado al despliegue en el edge.
Funciones clave
- 01Creación visual de páginas con compatibilidad con todas las propiedades CSS.
- 02Se conecta a cualquier CMS headless como fuente de contenido.
- 03Se puede alojar por cuenta propia o utilizar mediante el servicio alojado.
- 04Se puede desplegar en Cloudflare Workers y otros proveedores de alojamiento.
- 05Desarrollado con TypeScript, Remix y Radix UI.
Casos de uso
- Equipos que buscan un constructor visual al estilo de Webflow sin quedar sujetos a un proveedor.
- Sitios cuyo contenido reside en un CMS headless y que necesitan una interfaz visual.
- Organizaciones que deben mantener los datos y el alojamiento del sitio en su propia infraestructura.
Inicio rápido
- 1
Consulta en la documentación cómo configurar el alojamiento propio y el entorno de desarrollo
Antes de usarlo
- Está bajo la licencia AGPL-3.0, una licencia copyleft con obligaciones para el uso a través de la red.
- El paquete opcional sdk-components-animation es propietario y requiere aceptar un EULA.
En colecciones
Temas
Preguntas frecuentes
- ¿Qué es webstudio?
- Constructor visual de sitios web de código abierto que se conecta a CMS headless y permite alojarse por cuenta propia; se presenta como alternativa a Webflow. Webstudio es una plataforma de desarrollo visual para crear sitios web desde el navegador. Diseñadores y desarrolladores pueden diseñar páginas visualmente, y el proyecto afirma que admite todas las propiedades CSS y se conecta a cualquier CMS headless para gestionar contenido.
- ¿webstudio es gratuito? ¿Qué licencia tiene?
- webstudio es open source bajo la licencia AGPL-3.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿webstudio sigue mantenido?
- Mantenimiento activo. El último commit de webstudio fue el 6 nov 2026.
- ¿Para qué puedo usar webstudio?
- Equipos que buscan un constructor visual al estilo de Webflow sin quedar sujetos a un proveedor. Sitios cuyo contenido reside en un CMS headless y que necesitan una interfaz visual. Organizaciones que deben mantener los datos y el alojamiento del sitio en su propia infraestructura.
- ¿Cómo se instala webstudio?
- Consulta en la documentación cómo configurar el alojamiento propio y el entorno de desarrollo
- ¿Dónde consigo webstudio?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/webstudio-is/webstudio
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Monorepo de código abierto con SDK, ejemplos y proyectos iniciales para la plataforma de desarrollo visual de Builder.io, compatible con React, Vue, Svelte, Qwik y más.
Un creador visual de sitios web low-code para Frappe Framework, con un editor similar a Figma y publicación con un solo clic.
Un asistente personal de IA que funciona íntegramente en tu propia cuenta de Cloudflare e incluye chat, memoria, tareas, notas y recordatorios programados.
Gestor de marcadores basado en Cloudflare Workers y D1 que guarda enlaces mediante un bookmarklet o una extensión de Chrome, sin necesidad de cuenta.
CMS PHP autoalojado con un constructor de páginas de arrastrar y soltar para crear sitios web, blogs y tiendas de comercio electrónico.