Introducing Unlayer Elements
The open-source React content layer for developers and AI agents to create emails, web pages, and PDFs from the same codebase.
Write once. Render everywhere.
Build emails, landing pages, invoices, reports, documents, templates, previews, and exports with one shared component system.
GitHub: https://t.co/8fK8zSGVbv
Weโd love any feedback you might have.
Read on for a deep dive ๐๐ป
๐ฃ 2 days left to enter the Build with Elements Challenge ๐ฃ
The response from builders has been incredible:
โ Dozens of submissions
โ A diverse range of use cases
โ Hundreds of builders engaging with the repo
There's still time to join: https://t.co/8fK8zSGVbv
Submissions close at 11:59 PM UTC on July 31.
#BuiltWithElements #BuildInPublic #OpenSource
๐ Built ProjectDNA for the #BuiltWithElements Challenge by @unlayer !
Turn GitHub repos into portfolio case studies, client proposals, PDFs, & Instagram carousels in seconds.
๐ Live App: https://t.co/M2sMRfkZlT
โญ GitHub: https://t.co/eEYUZjbRON
a random dm turned into a weekend side project
thanks @RicoDC95
built this using @unlayer:
3 business docs, 1 data object each, 9 renders (email + web + pdf).
every chart, qr code and stamp is hand-drawn in html tables. zero images, zero fonts, zero cdn, zero js.
ci actually screenshots the qr codes and decodes the pixels to prove they scan.
live: https://t.co/jzNyHGHnOU
code: https://t.co/OImMkyuiBf
#BuiltWithElements
Built a Billing & Dunning Kit with @unlayer
Elements, the 6 billing emails every SaaS ships ugly (invoice โ receipt โ dunning โ final notice),
each rendering to email, web AND pdf from one React tree.
Rebrand in 2 files.
#BuiltWithElements
@rohit_jsfreaky Very interesting and original use case Rohit, great work!
Amazing to see the rate at which you've been shipping with Elements ๐
#BuiltWithElements
I built FIELD/NOTE, an event-day briefing that turns one React component tree into an inbox-safe email, responsive web page, print-ready document, plain-text version, and Unlayer-compatible design JSON.
Designed to keep schedules, venue details, access information, weather, and contacts beautifully synchronized across every format.
Built with open-source @unlayer Elements.
https://t.co/iX2RvD2HAp
#BuiltWithElements #OpenSource #React #EmailDesign #Unlayer
@Nishant_N_25 Great work @Nishant_N_25, Bitport is a really cool and original use case for Elements!
How did you find the end-to-end experience building with Elements?
#BuiltWithElements
One incident, three consistent formats ๐จ
IncidentKit turns a single incident record into a live status page, customer emails, and a post-incident PDF, all from ONE React component tree with Unlayer Elements.
#BuiltWithElements
https://t.co/uUmtWkU27k
@abhi_vagadiya59 IncidentKit is a very compelling use case for Elements, great work Abhishek!
How did you find the experience of building with Elements?
#BuiltWithElements
Spent the last week building OrbitDev Studio
The idea came from a simple problem: why do teams maintain separate onboarding docs for email, web,PDFs, and email builders?
So I built a system where you write the onboarding content once and generate it from the same code
@unlayer