Repolode
Enviar
GrapesJS

GrapesJS/grapesjs

Framework gratuito y de código abierto para crear plantillas HTML y editores de páginas web con un editor visual de arrastrar y soltar, sin programar.

Alternativa open source a:WixWebflow

Ver en GitHubSitio web
Estrellas
26,328
Forks
4,653
Issues abiertos
30
Último commit
hace 15 horas

¿Qué es?

GrapesJS es un framework gratuito y de código abierto para crear visualmente plantillas HTML destinadas a sitios web, boletines informativos o aplicaciones móviles. Se diseñó principalmente para integrarse en un CMS, de modo que los usuarios puedan crear plantillas dinámicas sin escribir código. Las plantillas se componen de estructura (HTML), estilos (CSS) y variables que se completan posteriormente en el servidor y se muestran en el cliente.

El editor incluye un administrador de bloques, un administrador de estilos, un administrador de capas, un visor de código y un administrador de recursos. Admite almacenamiento local y remoto, además de comandos integrados para crear y gestionar componentes. Se distribuye mediante npm, CDNs como unpkg y CDNJS, y Git.

El núcleo se amplía mediante un sistema de plugins. El proyecto también ofrece un wrapper para React, presets para crear páginas web y boletines informativos (MJML), y numerosos plugins oficiales y de la comunidad para componentes, almacenamiento y propiedades de estilo.

Funciones clave

  • 01Administrador de bloques con arrastrar y soltar para crear la estructura de la página
  • 02Administrador de estilos para editar visualmente el CSS de los componentes
  • 03Administrador de capas y visor de código para inspeccionar la plantilla
  • 04Administrador de recursos para gestionar imágenes y otros medios
  • 05Almacenamiento local y remoto para guardar plantillas
  • 06Sistema de plugins con un wrapper para React y presets para crear páginas web y boletines informativos

Casos de uso

  • Añadir un editor visual de páginas a un CMS para que personas sin conocimientos de programación puedan crear plantillas
  • Crear plantillas para boletines por correo electrónico con un editor de arrastrar y soltar
  • Crear un constructor de sitios web sin código dentro de tu propia aplicación web

Inicio rápido

  1. 1

    Instala GrapesJS desde npm

    npm i grapesjs
  2. 2

    Incluye los archivos CSS y JS y crea un div contenedor con un script de inicialización, como se muestra en el ejemplo de uso del README

Temas

#web-builder#drag-and-drop#html-editor#visual-editor#no-code#cms#template-builder#framework#nocode#page-builder

Preguntas frecuentes

¿Qué es grapesjs?
Framework gratuito y de código abierto para crear plantillas HTML y editores de páginas web con un editor visual de arrastrar y soltar, sin programar. GrapesJS es un framework gratuito y de código abierto para crear visualmente plantillas HTML destinadas a sitios web, boletines informativos o aplicaciones móviles. Se diseñó principalmente para integrarse en un CMS, de modo que los usuarios puedan crear plantillas dinámicas sin escribir código. Las plantillas se componen de estructura (HTML), estilos (CSS) y variables que se completan posteriormente en el servidor y se muestran en el cliente.
¿grapesjs es gratuito? ¿Qué licencia tiene?
grapesjs es open source bajo la licencia Other. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿grapesjs sigue mantenido?
Mantenimiento activo. El último commit de grapesjs fue el 21 oct 2026.
¿Para qué puedo usar grapesjs?
Añadir un editor visual de páginas a un CMS para que personas sin conocimientos de programación puedan crear plantillas Crear plantillas para boletines por correo electrónico con un editor de arrastrar y soltar Crear un constructor de sitios web sin código dentro de tu propia aplicación web
¿Cómo se instala grapesjs?
Instala GrapesJS desde npm: npm i grapesjs Incluye los archivos CSS y JS y crea un div contenedor con un script de inicialización, como se muestra en el ejemplo de uso del README
¿Dónde consigo grapesjs?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/GrapesJS/grapesjs

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados