components.email

Roadmap & updates

components.email is built by Shane Withers, a London-based delivery lead with well over a decade in email and CRM. Starting in a specialist agency working on large consumer programmes (interactive and automated campaigns, technical email strategy), then leading complex delivery across global brand accounts at major marketing agencies.

That experience is distilled into this project: design, preview, and export interactive email components (polls, timers, tabs, live content) with fewer handoffs to your ESP or CRM team. We're in an open feedback window right now so limits are relaxed while we learn. The app is being developed on Next.js, hosted on Vercel, with Supabase for data and auth. Use the Feedback link in the header to tell us what broke or what you wish existed.

Roadmap

Feedback window

In progress

Plan limits are relaxed for a short beta period. There is a public roadmap page and a feedback modal in the header so you can tell us what to fix or build next, without leaving the product.

Hotspots

In progress

Interactive image map with tap regions and detail views. In feedback you can try it under Coming soon on New component; we are finishing the region editor, export polish, and inbox QA before we list it as ready to use.

Carousels

In progress

Email-safe slide strips (dots, arrows, or side zones) with static, merge-personalised, or text slides—built on the same model as tabs. Available under Coming soon while we tighten designer controls and client testing.

Layered hero (text behind image)

Shipped

Compose a background, merge-personalised copy, and a foreground PNG into one live image—with overlay styles such as solid fill, outline-on-subject, knockout, and subject-only blend effects. Extra merge lines, letter case, and publishing preview match what you save.

Testimonial

In progress

Quote and attribution on a hero image with optional stars and link. Under Coming soon while we expand it: choose a review source (Trustpilot, Google, Facebook, or your own JSON feed), how many reviews to show, filters, and typography for quote, name, and photo—similar to social feed setup, with documented formats for each platform we support.

Review feedback

Shipped

Collect star or icon ratings in the email, with a kinetic interactive version where supported and a fallback link to your live page elsewhere. Configure the review destination and thank-you copy in the designer.

Smarter AI prompt autocomplete

In progress

The prompt input now shows contextual example completions as you type—relevant to the component type you are describing. Current limitation: once your phrasing diverges far enough from known examples the suggestions stop adapting. Next step is live, model-driven completions so suggestions follow you through any prompt.

Showcase Start with AI

Planned

A homepage or marketing moment for the dashboard prompt flow—describe a component in everyday language, see suggestions as you type, and watch a starter open in the editor—so visitors understand how quickly they can go from idea to interactive module.

Instagram in social feed

Shipped

Connect Instagram in Settings → Integrations (via your linked Facebook Page in Meta). The social feed module loads recent Instagram posts when someone opens your live email, with step-by-step setup in Integrations.

Settings analytics overview

Planned

A clearer analytics-style layout on Settings → Overview: headline metrics, a primary opens trend, and supporting breakdowns (similar density to modern dashboard blocks), using our existing charts and shadcn components—no separate UI kit required.

Core stabilisation

Planned

Inbox QA across major email clients, shipping the Forms module for capture and export, and poll close behaviour aligned with live results. A preference centre comes after this pass.

Animated merge export (research)

Planned

Research turning motion concepts (e.g. CSS-style keyframes) into frame sequences for merge-personalised GIF or WebP exports in email, reusing today's animated module patterns where it fits.

Richer imagery overlay typography

In progress

Letter case on merge and fallback text, plus layered-hero overlay styles (fill, outline on subject, knockout, ghost, duotone, and subject blend effects). More controls—opacity, line height, and additional stroke options—still to come.

Changelog

Layered hero, review feedback, and smarter merge text

Layered hero composes background, personalised copy, and a foreground image into one export—with overlay styles that keep text beside your subject and apply effects only where letters cross it. Add extra merge lines with their own fonts and placement; letter case applies to live merge text and invalid-merge fallback. Publishing preview reflects your saved fallback settings. New review feedback module: star or icon ratings in email with a fallback link where interactivity is limited.

Instagram social feed, video email export, and library polish

Social feed can pull recent Instagram Business posts—Settings → Integrations walks you through Meta setup and checks your connection before saving. Video components export email-safe WebP and GIF with a play link to your live page. On the component library, Copy HTML and preview stay visible but only work once a component is published and live. Social feed opens are counted when the live post image loads.

Hotspots editor, Gmail-safe polls, and smarter prompts

Hotspots now has a region editor—draw tap areas on your image, choose expand-panel or swap behaviour, and export formatted HTML. Polls and hotspots use a static fallback in Gmail, Outlook, and Yahoo that links to your live component URL; supported inboxes still get the full interactive version. The Start with AI prompt suggests contextual completions as you type.

Usage, opens, analytics, and safer live links

Settings can show live image usage by component name and type even after you delete a component. Opens can be counted when a live image or GIF loads (with fewer duplicate tracking pixels where that already tells the story). Analytics pipes can include device class and poll vote started / vote finished signals. Published live URLs are shorter signed links—recipients cannot read your component id from the address bar. Re-publish to refresh HTML you already exported.

Smarter Start with AI prompts

The dashboard prompt now cycles real examples as you type, suggests module phrases as you go, and maps everyday wording to designer fields more reliably—including merge tags, countdown dates, polls, QR links, feeds, weather-by-condition heroes, and location-based geolocation heroes.

Start with AI on the dashboard

On New component, describe what you want in plain language—any module type—and we open a starter in the editor. Suggestions appear as you type; press Enter to generate. Timers, polls, imagery merge tags, and other settings are mapped from your words where we understand them. Visuals use designer placeholders you can change later.

Faster designer preview

Preview updates sooner while you edit, with saves running in parallel. Use Refresh preview when you want the canvas to match what is saved. Poll summary results and more tiles render from your current settings without waiting on a save. Social feed components start with a static hero; load the live feed when you are ready.

Landing demos and builder polish

The marketing homepage includes tabbed demo videos and a shorter hero. The public roadmap lives at /roadmap. Timer blocks support day-hour-minute-second layouts and optional empty dividers. Poll blocks have clearer default labels, follow-up behaviour, and option images beyond the first four choices. Journey diagrams on the homepage keep even spacing on phones.

Feedback window

Plan limits are relaxed for a short beta period. There is a public roadmap page and an in-app feedback modal so you can tell us what to fix or build next without leaving the product.

Legal pages

Privacy Policy and Terms of Service now use the same look and feel as the rest of the site, with clearer layout and typography.

Sign-in reliability

Google and Microsoft sign-in should complete more reliably after login, including when the provider returns you to our callback URL.

Social sign-in

You can sign in or register with Google or Microsoft, with separate flows for new and returning users.

Privacy and terms

Added standalone Privacy Policy and Terms of Service pages linked from the landing footer and account settings.

Landing refresh

The marketing homepage layout works better on phones, with tighter spacing and less work on first load so the page feels quicker to open.

Send feedback

Tell us what broke or what you wish existed—we already capture page and module context.