Drag and drop email builder. Able to export to html to use anywhere.
Make bueno emails easily.
Drag element from "Email Items" (left side) to "Email Preview" (right side). In "Email Preview" you can re arrange by dragging. Double click on the element (in "Email Preview") to edit. Bottom left you have controls to get the html or json. Right now save doesn't do anything. You can copy the json and later import it with "Import Json" button. Last but not least, give me good points boiiis!!! I want that drone. :)
Angularjs 4, Twitter Bootstrap, ng2-dnd (draggable), angular material, font awesome
Cool idea.. Love the concept and It works great. Can added few more styling options for the email text content. Nice wok again...
Good idea and nice work!
It would be great if you rate us too
Nice entry. Thanks for pointing me to ng2-dnd.
Also, your feedback on my entry is very much appreciated.
nice builder! you can improve the UI on the left panel, good job
Nice job on the email builder! Editing the text in the preview itself will be even cooler UX. Will be a useful handy utility for many!
Surely great for people that are not confident with HTML to create some basic email templates. The UI needs some work to feel more like an app developed in 2017. (material design for example).
Very interesting idea! And great implementation! Good job!
Your feedback to my entry would be appreciated as well.
Nice try dude in 48 hours.!! I will suggest you to work some more on design and Utility part.!! I liked your Idea it is good. Need some more elements in the application. I wish my feedback be more positive. :)
It will be great if you are playing a game which is developed by me and giving feedback :)
Nice, I also have built an HTML builder, I wanted to do a nice drag and drop interface like yours but didn't have much time.
Here's my entry, please let me know what you think :)
Great idea and implementation. The layout is simple and not too confusing. It’s easy to drag and drop components and move them around. I like the steps on how to use it at the top.
- If you scroll down to the bottom of the screen, then click on one of the buttons or links that are added (single or double) it scrolls to the top of the screen. I know it’s because of the default url (#), but it’s weird since you have to double click to edit it but the second click moves to a different element from the scroll.
- Related to above, entering a URL without http(s):// will break the app and navigate away from the page, losing any information you've entered. It would be nice if it opened in a different tab, especially if I accidentally clicked on the button.
- The alignment option would be nice as a dropdown instead of a free text field, typing an invalid value results in left alignment.
- It would be nice if there were some margin to help click and drag on the dividers, or maybe highlight the selected component to make it more obvious. I accidentally placed two dividers on top of each other and it was hard to grab them.
I like it. Good use of the drag and drop
Your feedback to our entry would be appreciated as well. GLHF!
I like the idea of having a visual editor or a DSL for simple tasks such as layout adjustment. Nesting the individual building blocks could be an interesting problem to solve from both UX and dev perspective.
The drag/drop email building features are working great. It'll be definitely faster to build emails this way than by coding from scratch.The dotted divider is pretty hard to grab after placing it there. Also it's missing a delete item feature which makes it quite difficult to use. Providing some templates to get started would have been a killer feature.
Leverages the utilities provided by angular. I use mailchimp's version of this weekly. Something I am interested in is "Embedly for email". I was hoping that this app would include that feature. I would love to use it for JSNews.io emails.
Great concept and useful tool for solving a common challenge that we still face (building html emails). I like the idea of a tool to build these independent of an email service.
I really liked this! Very useful and extremely different. This is something I'd actually use. Being able to edit the raw html was also a really nice touch. Well done!