Repolode
Enviar
plasmicapp

plasmicapp/plasmic

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.

Alternativa open source a:WebflowRetoolContentful

Ver en GitHubSitio web
Estrellas
7,124
Forks
736
Issues abiertos
51
Último commit
hace 11 horas

¿Qué es?

Plasmic es un constructor visual para la web que permite diseñar y crear aplicaciones y sitios web, con la opción de usar código. Entre sus principales casos de uso están permitir que los equipos de marketing creen páginas de destino con componentes de React en un sitio de Next.js, desarrollar herramientas internas y portales para clientes, y crear sitios web sin depender de un CMS, una plataforma de comercio electrónico o un proveedor de hosting específicos.

A diferencia de muchas herramientas low-code, Plasmic se integra con bases de código existentes. Los desarrolladores pueden registrar sus propios componentes de React para que aparezcan en el editor visual y luego publicar las pantallas en una aplicación. El proyecto también puede generar código de React en una base de código y ofrece una Headless API para obtener contenido en tiempo de ejecución.

El conjunto de paquetes se divide según el framework: los desarrolladores instalan un loader para su stack (por ejemplo, @plasmicapp/loader-nextjs) y lo conectan con Plasmic Studio. El proyecto cuenta con licencia MIT, excepto el directorio platform/, que usa la licencia AGPL.

Funciones clave

  • 01Arrastra y suelta tus propios componentes de React en el editor visual.
  • 02Publica páginas visuales en aplicaciones y sitios web existentes.
  • 03Genera código de React en tu base de código mediante codegen.
  • 04Headless API para obtener contenido y componentes en tiempo de ejecución.
  • 05Componentes de sistema de diseño integrados, basados en react-aria.
  • 06Importa diseños de Figma y conviértelos en DOM/CSS.
  • 07Modo de creación de contenido con límites de diseño para colaboradores.

Casos de uso

  • Permitir que los equipos de marketing creen páginas de destino en un sitio de Next.js con componentes de React aprobados.
  • Desarrollar herramientas internas, portales para clientes y software empresarial con un editor visual.
  • Añadir una capa de CMS visual a una base de código de React existente sin cambiar de proveedor de hosting ni de plataforma de comercio electrónico.

Inicio rápido

  1. 1

    Instala el paquete Plasmic loader para tu framework (ejemplo con Next.js)

    npm install @plasmicapp/loader-nextjs
  2. 2

    Registra tus propios componentes de React para poder arrastrarlos y soltarlos en el editor visual

  3. 3

    Renderiza en tu aplicación los componentes creados con Plasmic mediante PlasmicComponent dentro de PlasmicRootProvider

Antes de usarlo

  • El directorio platform/ tiene licencia AGPL, no MIT.
  • Para integrar completamente el código base, hay que seguir la configuración específica del framework indicada en la documentación.

Temas

#react#low-code#visual-builder#cms#headless-cms#nextjs#design-system#frontend#builder#design

Preguntas frecuentes

¿Qué es plasmic?
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. Plasmic es un constructor visual para la web que permite diseñar y crear aplicaciones y sitios web, con la opción de usar código. Entre sus principales casos de uso están permitir que los equipos de marketing creen páginas de destino con componentes de React en un sitio de Next.js, desarrollar herramientas internas y portales para clientes, y crear sitios web sin depender de un CMS, una plataforma de comercio electrónico o un proveedor de hosting específicos.
¿plasmic es gratuito? ¿Qué licencia tiene?
plasmic es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿plasmic sigue mantenido?
Mantenimiento activo. El último commit de plasmic fue el 21 oct 2026.
¿Para qué puedo usar plasmic?
Permitir que los equipos de marketing creen páginas de destino en un sitio de Next.js con componentes de React aprobados. Desarrollar herramientas internas, portales para clientes y software empresarial con un editor visual. Añadir una capa de CMS visual a una base de código de React existente sin cambiar de proveedor de hosting ni de plataforma de comercio electrónico.
¿Cómo se instala plasmic?
Instala el paquete Plasmic loader para tu framework (ejemplo con Next.js): npm install @plasmicapp/loader-nextjs Registra tus propios componentes de React para poder arrastrarlos y soltarlos en el editor visual Renderiza en tu aplicación los componentes creados con Plasmic mediante PlasmicComponent dentro de PlasmicRootProvider
¿Dónde consigo plasmic?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/plasmicapp/plasmic

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

Proyectos relacionados