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

``bash
npm install @stackblitz/push-builder
`

Usage

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

function App() {
return (
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