{"repo":"lohkokwee/mjml-liquid-preview-next","free":true,"listed":false,"github":"https://github.com/lohkokwee/mjml-liquid-preview-next","clone":"git clone https://github.com/lohkokwee/mjml-liquid-preview-next.git","description":"An online MJML Editor with Liquid Support.","language":"TypeScript","stars":28,"topics":["liquid","mail","mjml","template","nextjs","typescript"],"license":null,"category":"auth-billing-email","readme_excerpt":"MJML + Liquid Preview A web-based tool for previewing MJML email templates with Liquid templating support. This was inspired by the amazing @zonghangoh for productivity when developing with MJML and Liquid at Ascenda. I thought it might be useful to others, so I beautified it, added more features to aid developing with it and open-sourced it. If you find this helpful, do give it a star! Local Installation 1. Clone the repository 2. Install dependencies 3. Start the development server 4. Open http://localhost:3000 with your browser view the app locally Features MJML Editor - Write your MJML code in the left panel - See live preview updates in the right panel - Toggle auto-save to persist your changes locally - Keyboard first navigation for developers (hit option / alt key to start) Liquid Variables Click the Liquid button (💧) in the header Choose between Local or Shared variables These simply allows you to maintain different sets of variables - aids development Enter your Liquid variables in JSON format Use these variables in your MJML template Preview Options Use the viewport selector to preview different screen sizes Toggle between scale and overflow modes in the preview panel Switch between light and dark themes Custom viewport sizes available for precise testing Buy me a coffee! Loving this? Consider buying me a coffee! Your support (and coffee) lights up my world! 💖","default_branch":null,"files":null,"tree":[],"storefront":"/r/lohkokwee","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/lohkokwee/mjml-liquid-preview-next/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}