# PeasyDesign Embed Widget

> File conversion tools. Embeddable widgets for any website. Zero dependencies, Shadow DOM isolation.

## Quick Start

```html
<script src="https://cdn.jsdelivr.net/npm/peasy-design-embed@1/dist/embed.min.js"></script>
<div data-peasydesign="format" data-slug="example"></div>
```

## Available Widget Types (8)

- format: `data-peasydesign="format"`
- tool: `data-peasydesign="tool"`
- convert: `data-peasydesign="convert"`
- compare: `data-peasydesign="compare"`
- glossary: `data-peasydesign="glossary"`
- gallery: `data-peasydesign="gallery"`
- guide: `data-peasydesign="guide"`
- search: `data-peasydesign="search"`

## Customization

- **Themes**: light, dark, sepia, auto (follows system preference)
- **Sizes**: compact (280px), default (420px), large (720px)
- **Styles**: modern, classic

```html
<div data-peasydesign="format" data-slug="example"
     data-theme="auto" data-size="compact" data-style-variant="modern"></div>
```

## Integration Methods

1. **Script tag** (recommended): `<script src="https://cdn.jsdelivr.net/npm/peasy-design-embed@1/dist/embed.min.js"></script>`
2. **iframe**: `https://peasydesign.com/iframe/entity/{slug}/`
3. **oEmbed**: `https://peasydesign.com/oembed?url={page_url}&format=json`
4. **Badge**: `https://peasydesign.com/badge/site.svg`

## Links

- Main site: https://peasydesign.com
- Widget docs: https://widget.peasydesign.com
- API documentation: https://peasydesign.com/developers/
- npm package: https://www.npmjs.com/package/peasy-design-embed
- GitHub: https://github.com/fyipedia/peasy-design-embed

## Peasy Tools Widget Network

- [PeasyTools Widget](https://widget.peasytools.com)
- [PeasyPDF Widget](https://widget.peasypdf.com)
- [PeasyImage Widget](https://widget.peasyimage.com)
- [PeasyAudio Widget](https://widget.peasyaudio.com)
- [PeasyText Widget](https://widget.peasytext.com)
- [PeasyVideo Widget](https://widget.peasyvideo.com)
- [PeasyCSS Widget](https://widget.peasycss.com)
- [PeasyDev Widget](https://widget.peasydev.com)
- [PeasyFormats Widget](https://widget.peasyformats.com)
- [PeasyGen Widget](https://widget.peasygen.com)
- [PeasyMath Widget](https://widget.peasymath.com)
- [PeasyQR Widget](https://widget.peasyqr.com)
- [PeasySafe Widget](https://widget.peasysafe.com)
- [PeasySEO Widget](https://widget.peasyseo.com)
- [PeasySocial Widget](https://widget.peasysocial.com)

## Part of FYIPedia

Open-source developer tools ecosystem — https://fyipedia.com