# 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 (
    <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](https://stackblitz.com)