awesome-repositories.com
المدونة
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعحولكيفية ترتيب النتائجالصحافةخادم MCP
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
unlayer avatar

unlayer/react-email-editor

0
View on GitHub↗
5,086 نجوم·787 تفرعات·TypeScript·mit·5 مشاهداتunlayer.com↗

React Email Editor

React Email Editor is a drag-and-drop visual builder for creating responsive email templates, built as a React embeddable component. It also serves as an AI-powered email designer, a collaborative email design tool, and a React component library for composing emails programmatically with JSX. The editor represents designs as structured JSON and supports multi-format rendering for email clients, web pages, and PDF.

What distinguishes this editor is its deep AI integration: users can generate full email templates from natural language, rewrite text with chosen intent, produce multiple text variations, and stream AI edits live onto the canvas. It includes a chat interface for editing any part of the design, inline AI suggestions for text refinement, and image generation from prompts. The AI assistant can be seeded with brand rules and toggled per instance. On the collaboration side, the editor supports threaded comments on design nodes, with pluggable storage backends for team review workflows. It also offers a plugin-based architecture for registering custom draggable elements, property editors, and content types, as well as the ability to inject custom CSS and JavaScript per tool.

Beyond these differentiators, the editor provides a full suite of drag-and-drop content blocks including text, images, buttons, dividers, videos, social icons, tables, and navigation menus. Users can structure layouts with a responsive grid, manage device-specific content, import designs from HTML or screenshots, and export to HTML, PDF, images, or ZIP bundles. The editor supports merge tags for personalization, built-in stock image search, image editing, and spelling checking. It can be embedded into any web application with configurable appearance, theming, locale, and tool visibility, and it offers versioning and whitelisted domain control for production use.

Features

  • Drag-and-Drop Page Builders - Provides a drag-and-drop interface for composing responsive email layouts with content blocks.
  • API Skill Installers - Ships API skill files that teach AI coding assistants the editor's complete API signatures and schema.
  • AI Design Generation - Creates or edits email designs from freeform text prompts or by converting existing HTML into an editable format.
  • AI Design Row Transformations - Employs AI to rewrite, restyle, or translate a single design row from natural language commands.
  • AI-Powered Email Designers - Integrates AI to generate full templates, rewrite text, and create images from natural language prompts.
  • Rich Text Email Composers - Enables composing responsive email layouts with rows, columns, and a wrapper structure.
  • HTML Exports - Exports email designs as production-ready HTML with minification, inline styles, and merge tag support.
  • Email Template Management Systems - Creates, updates, retrieves, and deletes email templates stored in a remote project via API.
  • HTML Design Exports - Converts email designs into production-ready HTML for sending campaigns.
  • AI Content Generation - Uses AI agent skills and schemas to automatically create content and automate design tasks within the editor.
  • Email Content Generations - Generates full email templates, restyled designs, or individual blocks from natural language prompts.
  • Merge Tag Personalization - Uses merge tags in image URLs to display a unique image for each recipient based on subscriber data.
  • User Design Persistence - Saves and reloads user-created designs from persistent storage for continued editing.
  • Conditional Content Blocks - Shows or hides email blocks based on customizable conditions such as recipient attributes.
  • Multi-Format Output Renderers - Converts the same component tree into email-safe HTML, web HTML, plain text, and PDF via switchable rendering strategies.
  • Image Insertion Utilities - Provides a drag-and-drop image element for inserting images into email or web page layouts.
  • Email Navigation Menus - Provides a drag-and-drop navigation menu element for inserting links into email designs.
  • AI Template Generators - Creates or restyles an entire email layout from a blank start or existing design using natural language prompts.
  • Design JSON Serializers - Transforms the component tree into JSON format for saving, loading, and sharing designs.
  • Built-in Design Exports - Exports email designs as HTML and JSON, both on demand and automatically during changes.
  • Action Buttons - Inserts clickable buttons into designs with configurable link actions like URL, email, or phone.
  • Buttons - Provides a drag-and-drop button element with configurable text, link, colors, typography, padding, border radius, and alignment.
  • Vertical Column Layouts - Allows users to create multi-column email layouts by inserting blocks with configurable column divisions.
  • Email Layout Components - Arranges content in rows and columns with predefined or custom widths to structure email layouts.
  • Content Block Editors - Provides a palette of predefined visual blocks like text, buttons, images, dividers, videos, HTML, tables, social icons, and menus via drag-and-drop.
  • Cross-Client Email Rendering - Produces markup using tables and inline styles that renders reliably in email clients like Outlook and Gmail.
  • Custom Component Builders - Accepts registration of custom drag-and-drop components that users can then include in their designs.
  • Production-Ready Code Exports - Converts designs to production-ready HTML, email-optimized HTML, or PNG preview images hosted on cloud storage.
  • Dividers - Provides a drag-and-drop divider element for visually separating content sections in email or web page designs.
  • Drag-and-Drop Layout Engines - Provides a drag-and-drop layout engine for arranging content blocks in email templates.
  • Drag-and-Drop Page Editors - Embeds a drag-and-drop visual editor for creating emails, pages, documents, and popups.
  • Custom Drag-and-Drop Tools - Offers a plugin architecture and API for embedding the editor with custom tools, storage, and authentication.
  • Email Template Previews - Renders a live preview of the email so users can see how it will appear before sending.
  • Embeddable Drag-and-Drop Editors - Embeds a drag-and-drop email template designer into any web application with configuration options.
  • Column-Based Responsive Grids - Arranges content using a responsive grid with rows, columns, and preset layouts that adapt to mobile.
  • Heading Editors - Provides a drag-and-drop heading element for inserting headings into email or web page designs.
  • HTML Content Processing - Provides a mechanism for inserting user-supplied HTML into a design for custom content beyond built-in components.
  • Design Chat Editing Tools - Edits email designs through a chat interface using natural language prompts.
  • Note Editing via Chat - Edits templates, pages, rows, and content through a natural language chat interface.
  • Custom Reusable Blocks - Defines reusable custom design components that end-users can drag into email templates.
  • Social Media Icon Rows - Provides a drag-and-drop social media icon row element for inserting into email designs.
  • Pre-designed UI Elements - Provides a palette of ready-to-use components such as buttons, images, and videos that users can drag into a design.
  • React Email Components - Offers an open-source React component library to build email layouts entirely in code.
  • HTML Renderers - Converts the email component structure into an HTML string optionally separating the head and body for email client compatibility.
  • Design Component Tree Renderers - Renders a component tree into clean HTML with an option to separate head and body for better email client support.
  • Text Content Blocks - Ships a core text block component that can be formatted and aligned within the design canvas.
  • Row-and-Column Layouts - Arranges content blocks in configurable rows and columns using a drag-and-drop grid layout.
  • Email Templates - Generates production-ready HTML from the email design for campaign distribution.
  • Visual Editors - A WYSIWYG interface for creating and customizing email templates without writing code, supporting real-time previews.
  • Undo-Redo History - Maintains a state history stack enabling users to revert or reapply design changes freely.
  • Output Rendering Controllers - Output the layout as email-safe HTML, plain
  • Paragraph Elements - Provides paragraph elements as fundamental building blocks for email content composition.
  • Per-Instance Toggles - Provides a per-instance toggle to enable or disable the AI assistant for user opt-out or feature control.
  • Context Initializations - Seeds the AI assistant with brand voice rules and accessibility checklists to guide every generated response.
  • AI Image Generators - Creates or recommends images based on the design context to fit the email layout.
  • In-Editor Image Generators - Generates or edits images directly inside the editor by typing a text description.
  • Language Model Response Generators - Auto-detects the user's language from the prompt and generates content in that language using large language models.
  • Response Variation Generators - Generates multiple alternative phrasings in a single prompt and presents them as clickable pills for comparison and application.
  • Collaboration Data Stores - Stores threads and comments in a custom database instead of default cloud storage for data ownership or compliance.
  • Visual Document Editors - Embeds a visual document editor for composing reports and proposals via drag-and-drop.
  • Design Component Comments - Enables threaded comments on design components for team feedback and resolution.
  • Multi-Format Design Exporters - Converts email designs into HTML, PDF, images, and ZIP bundles via a server-side API.
  • PDF Exports - Converts completed email designs into PDF files for download or distribution.
  • Document Exporting - Exports completed designs to multiple output formats including HTML, PDF, and images for sharing or printing.
  • Custom Block Type Definitions - Registers user-defined content types that appear as draggable blocks in the editor with opaque values.
  • AI Text Transformers - Generates real-time AI suggestions for refining text, buttons, headings, and image alt text during editing.
  • Custom Plugin Registrations - Registers custom drag-and-drop components, property editors, and content types through a typed plugin registration API.
  • Team Collaboration Tools - Adds threaded comments and review workflows so teams can iterate on email designs together.
  • Design Auditing - Scans email designs for accessibility issues like missing alt text and broken links.
  • Image Cropping Tools - Includes a built-in image editor with crop, resize, filters, and stickers.
  • Video Playback Components - Adds a video player that plays YouTube or Vimeo links with automatic thumbnail fetch.
  • Real-Time Streaming Edits - Streams AI-generated changes to the editor canvas in real time as the model generates them, with status and live updates.
  • Responsive Web Page Renderers - Generates HTML using divs and flexbox for landing pages and web previews displayed in a browser.
  • User-Provided Keys - Allows users to supply their own Gemini API key to route AI model requests through their account.
  • API Key Overrides - Allows users to override the default API key with a custom one for authenticating AI features.
  • API Key Overrides - Allows users to override the default Anthropic API key with a custom one for authenticating AI features.
  • Collaborative Design Platforms - Adds threaded comments and review workflows for team collaboration on email designs.
  • Custom Block Definitions - Allows defining custom drag-and-drop blocks with tailored schemas and UI for email templates.
  • Custom Tool Registration - Allows developers to register custom drag-and-drop components with custom properties and validation rules.
  • HTML and Screenshot Importers - Converts HTML email files or screenshots into fully editable email templates within the builder.
  • Device-Specific Layout Editors - Creates content for mobile and desktop device layouts and can restrict editing to a single device mode.
  • Email Video Embeds - Embeds YouTube and Vimeo videos in emails with automatic thumbnail and cross-client rendering.
  • Grid Column Sizing - Divides rows into a 12-column flexible grid system that stacks on smaller screens.
  • Cross-Browser Previews - Previews how email designs render in different browsers to identify layout inconsistencies.
  • Element Locks - Locks specific template elements to prevent end-users from modifying or deleting them.
  • Multi-Device Previews - Enables designers to preview email templates across mobile, tablet, and desktop viewports simultaneously.
  • Raw HTML Rendering - Inserts raw HTML markup directly into email designs for custom components.
  • Responsive Column Layouts - Defines responsive column layouts with preset ratios and custom widths for email grids.
  • Table Content Blocks - Inserts configurable tables with adjustable columns and rows into email designs for structured content.
  • Text Editors - Includes a configurable rich text editor with toggles for spell checking, tables, and emojis.
  • Text Formatting Utilities - Provides inline text formatting controls for font, size, and alignment within the visual editor.
  • Collaborative Discussion Threads - Provides threaded comments on design nodes with pluggable storage backends for team review workflows.
  • Design Review Modes - Provides a dedicated read-only review mode with threaded comments for design feedback.
  • Dynamic Content Insertion - Inserts merge tags for personalized content replacement at send time.
  • Merge Tag Systems - Embeds dynamic merge tags with custom picker UI and schema validation for personalizing email content.
  • Script Injections - Injects custom HTML and JavaScript into pages for analytics, styling, or third-party widgets.
  • Dynamic Personalization - Replaces placeholders with recipient-specific data using configurable key-value pairs within the editor.
  • Email Schema Forms Converters - Converts email designs between Full and Simple schema formats for round-trip compatibility.
  • Visual Builder Elements - Defines custom design elements with unique appearance and properties for the visual builder.

سجل النجوم

مخطط تاريخ النجوم لـ unlayer/react-email-editorمخطط تاريخ النجوم لـ unlayer/react-email-editor

بحث بالذكاء الاصطناعي

استكشف المزيد من المستودعات الرائعة

صف ما تحتاجه بلغة بسيطة — وسيقوم الذكاء الاصطناعي بترتيب آلاف المشاريع مفتوحة المصدر المنسقة حسب الصلة.

Start searching with AI

بدائل مفتوحة المصدر لـ React Email Editor

مشاريع مفتوحة المصدر مشابهة، مرتبة حسب عدد الميزات المشتركة مع React Email Editor.
  • arikchakma/maily.toالصورة الرمزية لـ arikchakma

    arikchakma/maily.to

    3,816عرض على GitHub↗

    This project is a visual HTML email builder and responsive design tool used to create mobile-ready email layouts. It includes a dynamic email template engine and an artificial intelligence generator for drafting email copy and structural layouts. The system utilizes a component-based layout engine to build emails using standardized blocks and columns, which are translated into table-based HTML for compatibility across diverse email clients. It supports personalization through variable-based template interpolation and conditional logic to adjust content based on specific data sets. The platfo

    TypeScriptemail-editornexjtsreact
    عرض على GitHub↗3,816
  • woai3c/visual-drag-demoالصورة الرمزية لـ woai3c

    woai3c/visual-drag-demo

    5,628عرض على GitHub↗

    This is a low-code visual drag-and-drop editor project for building web page layouts. It provides a canvas-based environment where users can assemble pages by placing, resizing, and rotating pre-built UI components through direct mouse interaction. The editor includes a grid-based alignment system that snaps components to invisible grid lines or other component edges for precise positioning. Components can be grouped into single units or locked in place to prevent accidental movement, and animations or custom actions can be bound to user interactions like clicks or hovers. An undo-redo comman

    Vue
    عرض على GitHub↗5,628
  • givanz/vvvebjsالصورة الرمزية لـ givanz

    givanz/VvvebJs

    8,532عرض على GitHub↗

    VvvebJs is a self-hosted, vanilla JavaScript library for visually assembling web pages by dragging pre-built HTML components onto a canvas. It functions as a visual HTML editor and component-based page builder that requires no build tools or external dependencies, and can be deployed on a server with PHP or Node.js backend for saving and exporting pages. The builder organizes reusable HTML components into named groups for drag-and-drop assembly, and provides visual property editing that modifies HTML attributes, CSS styles, and class names through form controls and property panels. It include

    JavaScriptbootstrapbootstrap5builder
    عرض على GitHub↗8,532
  • sparkpost/hemlالصورة الرمزية لـ SparkPost

    SparkPost/heml

    4,302عرض على GitHub↗

    Heml is a framework providing a custom markup language and compiler designed to generate responsive HTML and CSS for consistent rendering across email clients. It functions as a system for transforming specialized markup strings into deliverable email templates and associated metadata. The project features a component system for defining reusable custom elements and style rules to standardize design patterns. It includes a responsive layout engine that converts flexible grid structures, columns, and rows into compatible fixed-width tables and fluid layouts. The toolset covers email metadata

    JavaScriptemailframeworkmarkup-language
    عرض على GitHub↗4,302
عرض جميع البدائل الـ 30 لـ React Email Editor→

الأسئلة الشائعة

ما هي وظيفة unlayer/react-email-editor؟

React Email Editor is a drag-and-drop visual builder for creating responsive email templates, built as a React embeddable component. It also serves as an AI-powered email designer, a collaborative email design tool, and a React component library for composing emails programmatically with JSX. The editor represents designs as structured JSON and supports multi-format rendering for email clients, web pages, and PDF.

ما هي الميزات الرئيسية لـ unlayer/react-email-editor؟

الميزات الرئيسية لـ unlayer/react-email-editor هي: Drag-and-Drop Page Builders, API Skill Installers, AI Design Generation, AI Design Row Transformations, AI-Powered Email Designers, Rich Text Email Composers, HTML Exports, Email Template Management Systems.

ما هي البدائل مفتوحة المصدر لـ unlayer/react-email-editor؟

تشمل البدائل مفتوحة المصدر لـ unlayer/react-email-editor: arikchakma/maily.to — This project is a visual HTML email builder and responsive design tool used to create mobile-ready email layouts. It… woai3c/visual-drag-demo — This is a low-code visual drag-and-drop editor project for building web page layouts. It provides a canvas-based… givanz/vvvebjs — VvvebJs is a self-hosted, vanilla JavaScript library for visually assembling web pages by dragging pre-built HTML… sparkpost/heml — Heml is a framework providing a custom markup language and compiler designed to generate responsive HTML and CSS for… webstudio-is/webstudio — Webstudio is a visual CMS and website builder that provides a visual development environment for designing and… brick-design/brick-design — Brick Design is a low-code page builder framework used to create drag-and-drop visual editors that generate…