Unlayer

AI-powered content creation infrastructure for developers. Add builders, APIs, SDKs, templates, and agent workflows to your product.

[Unlayer @unlayer]

WebMCP is now live in the Unlayer builder 🤖

AI agents can now work directly with the builder without having to drag and drop their way through the editor.

They can:
→ Understand what the builder supports
→ Read the current design
→ Modify and validate it
→ Preview the result
→ Load it back into the editor
→ Export it as HTML

The result shows up directly on the canvas, where users can keep editing or undo the change like any other update.

Learn more: https://t.co/FSMqG6pYbv

[Unlayer @unlayer]

@SharestepAI @grok Marriage counsellor could be the necessary use case for this cohort

[Sharan @aiwithmomo]

I built a sales agent inside a real Shopify store.

Ask in chat → it adds to cart → makes a real quote as a page, email and PDF. Weekly sales report too, from real Shopify orders.

Built with @Shopify, @eve by @vercel and @unlayer Elements.

[Unlayer @unlayer]

BREAKING: new hackathon coming soon ⏳✅

[Unlayer @unlayer]

Wondering what tools WebMCP actually gives AI agents inside the Unlayer builder?

Here are the 6 WebMCP tools for AI agents:

→ unlayer_describe_editor

Tells the agent how to work with the editor and what that specific builder supports, including content types, custom tools, merge tags, and fonts.

→ unlayer_get_design_schema

Returns the JSON Schema for the design, including custom tools.

→ unlayer_get_design

Returns the current design so the agent can read it before making changes.

→ unlayer_load_design

Validates an updated design and loads it back into the builder if everything checks out.

→ unlayer_preview

Lets the agent preview the design across desktop, tablet, and mobile.

→ unlayer_export_html

Exports the current design as HTML.

Together, these tools give AI agents a structured way to understand the Builder, work with the design, validate changes, and return the result to the same visual editor the user is already working in.

Learn more: https://t.co/JxGf5x7JMo

[Unlayer @unlayer]

Wondering what WebMCP actually does?

No worries, we got you covered 👇🏻

WebMCP lets a web page expose structured tools directly to AI agents.

Instead of relying only on the visual interface, an agent can discover what actions are available and use them directly.

For an Unlayer builder, that means an agent can:
→ Understand what the editor supports
→ Inspect the design structure
→ Read the current design
→ Load an updated design
→ Preview it across devices
→ Export it as HTML

The result: a machine-readable way for agents to work with the builder while users stay in the same visual editor.

Learn more: https://t.co/FSMqG6pYbv

[Unlayer @unlayer]

Rewards for the #BuiltWithImageEditor challenge have been distributed!

Congrats once again to the winners and to all the builders who participated.

More OSS challenges coming soon, stay tuned…

Meanwhile, keep building with the React Image Editor:

https://t.co/K8pls1NXtx

[Unlayer @unlayer]

@NuriBulmugexs Hey Nuri, thanks for the honest feedback!

What subtle differences have you noticed? We'd be more than happy to assist!

[Unlayer @unlayer]

Write emails, pages, and PDFs in React. One component tree.

Same components. Three outputs: email HTML, web HTML, print HTML for PDFs.

See how it works.

[Unlayer @unlayer]

@Liebins Incredible work building the use case, truly well done!

P.S. That is a kick ass video 🙌

[Unlayer @unlayer]

@devankit_ @RicoDC95 Well done Ankit and thanks for taking the time to build with the Image Editor!

[Unlayer @unlayer]

We knew GTA VI was popular, but not THAT popular.

The breadth of ideas and use cases we saw throughout the #BuiltWithImageEditor challenge was incredible.

With 80+ submissions from 70+ builders, choosing just three winners wasn’t easy.

To everyone who took the time to explore the Image Editor, build something, share feedback, or simply give the project a try, thank you. We genuinely appreciate the support.

With that said, here are the three winning projects and the talented builders behind them 👇🏻

[Unlayer @unlayer]

Congratulations to all three winners, great work!

We will be reaching out via DM to arrange reward distribution.

And to everyone else who participated, thank you for building, experimenting, sharing feedback, and supporting the growth of the React Image Editor.

This is just the start. More open-source initiatives are on the way.

Stay tuned 👀

#BuiltWithImageEditor

[Breno Polanski @brenopolanski]

Introducing Pixen - The Fast, Simple Screenshot Editor.

👉 https://t.co/TWLjqguElk

Capture screenshots, edit images, crop, annotate, hide sensitive information, and more — all in a fast, simple desktop app designed to feel native to macOS.

Pixen is built around the powerful @unlayer Image Editor, bringing a familiar editing experience to a dedicated macOS app.

Now available on the Mac App Store.

#Pixen #macOS #MacApps #Screenshot #BuiltWithImageEditor #ImageEditor #OpenSource #Unlayer #IndieDev #BuildInPublic

[Unlayer @unlayer]

@brenopolanski Incredible work, well done Breno!

#BuiltWithImageEditor

[Unlayer @unlayer]

@langersword How you find building with the Image Editor for the #BuiltWithImageEditor challenge?

Would be great to hear any feedback you might have!

[Unlayer @unlayer]

@appu_nni pillow-rs is great for image processing.

We’re focused on the embeddable editing experience inside React apps: UI, canvas, editable layers and editing tools out of the box.

We look forward to hearing what you think!

[Unlayer @unlayer]

Embed image editing in your React app.

npm install @unlayer/react-image-editor

Crop, resize, draw, text, shapes, stickers, frames, filters.

Layers stay editable until you save or flatten.

Open source.