https://github.com/michaelsboost/plainly

Create Markdown files with live preview and export to DOCX, PDF, and more – right in your browser.
https://github.com/michaelsboost/plainly

browser-based doc documentation docx editor export html javascript markdown markdown-editor open-source pdf picocss plaintext productivity pwa tailwind tailwindcss vanilla-js writing

Last synced: 5 months ago
JSON representation

Create Markdown files with live preview and export to DOCX, PDF, and more – right in your browser.

• Host: GitHub
• URL: https://github.com/michaelsboost/plainly
• Owner: michaelsboost
• License: mit
• Created: 2025-06-07T05:56:16.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2025-06-13T04:06:11.000Z (7 months ago)
• Last Synced: 2025-06-25T21:43:49.701Z (7 months ago)
• Topics: browser-based, doc, documentation, docx, editor, export, html, javascript, markdown, markdown-editor, open-source, pdf, picocss, plaintext, productivity, pwa, tailwind, tailwindcss, vanilla-js, writing
• Language: JavaScript
• Homepage: https://michaelsboost.com/Plainly/
• Size: 2.37 MB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
📝 Plainly – Markdown Writing Made Seamless  

============================

![](https://raw.githubusercontent.com/michaelsboost/Plainly/main/imgs/screenshot.jpeg)

## 🌟 Overview  

**Plainly** is a lightweight, browser-based Markdown editor with live preview and powerful export options including **DOCX**, **PDF**, **HTML**, and **.md**. Built for writers, devs, students, and educators—Plainly is fast, clean, and distraction-free.

[![MIT License](https://img.shields.io/github/license/michaelsboost/Plainly)](LICENSE) [![GitHub Stars](https://img.shields.io/github/stars/michaelsboost/Plainly)](https://github.com/michaelsboost/Plainly/stargazers) [![GitHub Issues](https://img.shields.io/github/issues/michaelsboost/Plainly)](https://github.com/michaelsboost/Plainly/issues)

## 🚀 **Launch the App**  

Live version: **[Plainly App](https://michaelsboost.com/Plainly/)**

> 📲 **Progressive Web App (PWA) Ready**  

> Install it and work offline—write anywhere, export anything.

---

### **🧠 Philosophy**  

No logins. No AI distractions. No bloated toolbars.  

Plainly is about speed, clarity, and ownership of your writing.

---

## 🛠️ Key Features  

**🪄 Live Markdown Preview**  

- Instant rendering of Markdown as you type  

- Clean and readable layout with Pico CSS  

**📄 Export Options**  

- **.docx** (Word)  

- **.pdf** (styled)  

- **.html** (clean, portable)  

- **.md** (original source)  

- **.json** (full project backup)

**📂 Project Import/Export**  

- Load and save full projects as `.json`  

- Auto-save to local storage every edit  

**🖋️ Clean UI with Smart Theme Toggle**  

- Minimalist interface using TailwindCSS  

- Toggle between dark and light themes  

- Border-aware component styling for clarity

**🧠 Session Memory**  

- Auto-loads your last writing session  

- Seamless writing continuity without setup  

**📝 Metadata-Ready Export**  

- Includes sanitized file names  

- Optional filename and timestamp logic

---

## **⚡ Getting Started**

### **1️⃣ Install & Run Locally**

```sh

# Clone the repo

git clone https://github.com/michaelsboost/Plainly.git

cd Plainly

```

# Open index.html in a browser

### 2️⃣ Dependencies

- [Marked.js](https://github.com/markedjs/marked) (Markdown to HTML)

- [docx](https://github.com/dolanmiu/docx) (Word export)

- [html2pdf.js](https://github.com/eKoopmans/html2pdf) (PDF export)

- [FileSaver.js](https://github.com/eligrey/FileSaver.js)

- [Tailwind](https://tailwindcss.com/) + [Pico CSS](https://picocss.com/) for styling

### 🤝 Contributing

Want to help make Plainly better?

- Fork the repo

- Create a feature branch (`feature-export-txt`)

- Submit a PR and help simplify writing for others ✨

---

### 📜 License

Licensed under the MIT License — free to use, remix, and distribute.

Developed by: [Michael Schwartz](https://michaelsboost.com/)  

Maintained by: The open-source community

## **☕ Support the Developer**

If Plainly was helpful for you, consider showing your appreciation in the following ways:

- 🎨 Check out my Graphic Design Course: https://michaelsboost.com/graphicdesign  

- 🛒 Register as a customer on my store: https://michaelsboost.com/store  

- ☕ Buy me a coffee: http://ko-fi.com/michaelsboost  

- 👕 Purchase a T-Shirt: https://michaelsboost.com/gear  

- 🖼️ Buy my art prints: https://deviantart.com/michaelsboost/prints 

- 💰 Donate via PayPal: https://michaelsboost.com/donate 

- 💵 Donate via Cash App: https://cash.me/$michaelsboost  

Your support is greatly appreciated and helps fund future projects! 🚀