Philip Dren

The Celaro website is getting some love... 😌 @celaroapp #saas #buildinpublic

One of my favorite reasons as to why you should use a code-first tool for emails 😌 @celaroapp #buildinpublic #saas

@sir4K_zen @celaroapp 💯

@PhilipDren @celaroapp Code-first DX that keeps the codebase clean for campaigns

With @celaroapp being code‑first, DX is everything. You write blocks in code, we generate the types, streamline the CLI, and plug everything into a visual editor. Your marketing team can build campaigns while you keep a clean, reusable codebase. #buildinpublic #saas

@celaroapp For reference, this is the editor that you/your marketing team will see once the blocks you've built is synced up:

With @celaroapp, we’re exploring a newsletter tool that blends code and marketing: you code reusable blocks, then assemble emails visually in an admin UI. If you're interested, you can sign-up for the waitlist here: celaro.co #buildinpublic #react

@JacobSobolev Unfortunately, unsubscribe links are necessary for marketing emails. In this case, the exit door is part of the main building 😉

@PhilipDren Building the exit door before the house is even finished. Bold move. Is it a clean break or are you trying to guilt-trip them with a sad puppy?

Currently working on unsubscribe functionality for the newsletter tool I am building... [▾] Here is a quick thread on how it will work #buildinpublic #dev

@CyberDevOG Thanks for the tip! 🙌

@PhilipDren Biggest one if you're not there yet: RFC 8058 List-Unsubscribe-Post header for one-click unsub. Gmail and Yahoo both require it for bulk senders now. And no login wall on the unsub page — that's the fastest way to get spam-flagged and tank deliverability.

The unsubscribe link will automatically be populated with a URL when the newsletter is sent out. This link directs the user to a page where they can confirm their desire to unsubscribe.

Code First: Adding an unsubscribe link is incredibly simple. Just insert this prebuilt component into one of your blocks, and it will work seamlessly.

Making progress on the editor: [+] Image uploads [+] Field descriptions [+] Field placeholders #buildinpublic #typescript #ui

Being able to code blocks for newsletters and edit them in an editor like this is so nice!😌 #buildinpublic #dev #react

@subham_agrawal_ From the block schema you define for the block in the email template

@PhilipDren That's super useful! Are you generating the types from a schema or directly from the email template?

Automatically generated types for each email block... 😌 #buildinpublic #reactjs

Lately, I've been searching for a code-first marketing mail service. Since I couldn't find one, I've decided to build one myself... It allows you to build blocks locally in typescript and then sync to a server so you can access them in an Admin UI #buildinpublic #typescript #ui

New interaction available: "Pixel Trail" URL: interactions.gallery #ui #vibecoding #uxdesign

Exploring new interactions... 🔍 #vibecoding #ui #uxdesign

Really love when typography is broken up into multiple typefaces, and the highlights use something that really pops. In this case, a pixel font - and it works so well. Kudos to the makers of this! interfere.com #vibecoding #ui

The point of this post is to make you choose your animation spots wisely and avoid overusing them.

I would also argue that you could use an entry transition in the first version, but it should use an ease-out transition curve to complete most of the animation more quickly. But removing the entry transition can be a nice way to make it even more responsive.

One of the most common pitfalls when it comes to using transitions in CSS is using them to much... Read full thread (▾) #uxdesign