resul-template-builder

Push Builder

A powerful visual builder for creating beautiful email content with React. Push Builder provides a drag-and-drop interface for building responsive email templates with a rich set of components and AI-powered content generation.

Features

• 🎨 Drag and drop interface
• 📱 Responsive design tools
• 🤖 AI-powered content generation
• 🎯 Rich component library
• 🔧 Customizable styles and properties
• 📦 Export to HTML
• 🎭 Multiple layout options
• 🎪 Shape library
• ⚡ Real-time preview

Installation

npm install @stackblitz/push-builder

Usage

import { PushBuilder } from '@stackblitz/push-builder';

function App() {
  return (
    <PushBuilder
      onSave={(html) => {
        console.log('Generated HTML:', html);
      }}
    />
  );
}

Components

Push Builder includes a variety of components:

• Text
• Buttons
• Images
• Videos
• Carousels
• Dividers
• Timers
• Audio
• Shapes
• Forms
• Offers
• HTML containers

Props

Prop	Type	Description
onSave	(html: string) => void	Callback when saving the email template
initialContent	Component[]	Optional initial components to load
settings	CanvasSettings	Optional canvas settings

License

MIT © StackBlitz