https://github.com/raillen/markify
Markify é um editor de Markdown de alta fidelidade focado em design e exportação profissional. Ele transforma documentos simples em PDFs e arquivos ODT elegantemente estilizados em tempo real.
https://github.com/raillen/markify
convert-md-to-pdf markdown markdown-editor markdown-pdf markdown-pdf-export markdown-viewer md-pdf
Last synced: 2 months ago
JSON representation
Markify é um editor de Markdown de alta fidelidade focado em design e exportação profissional. Ele transforma documentos simples em PDFs e arquivos ODT elegantemente estilizados em tempo real.
- Host: GitHub
- URL: https://github.com/raillen/markify
- Owner: raillen
- License: mit
- Created: 2025-12-18T16:32:36.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-12-18T18:47:27.000Z (6 months ago)
- Last Synced: 2025-12-21T20:35:04.410Z (6 months ago)
- Topics: convert-md-to-pdf, markdown, markdown-editor, markdown-pdf, markdown-pdf-export, markdown-viewer, md-pdf
- Language: TypeScript
- Homepage: https://raillen.github.io/markify/
- Size: 186 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ✨ Markify v2
[Português](#-português) | [English](#-english)
---
## 🇧🇷 Português
**Markify** é um editor de Markdown de alta fidelidade desenvolvido para transformar textos simples em documentos profissionais e elegantes. Com um foco em design premium e experiência do usuário, o Markify permite que você visualize, estilize e exporte seus documentos de forma intuitiva.
### 🚀 Funcionalidades Principais
- **Editor Híbrido Avançado (Tiptap)**:
- **Modo Visual (WYSIWYG)**: Edição rica com suporte a negrito, itálico, listas, tabelas e mais.
- **Modo Código (Markdown)**: Alterne para ver e editar o código Markdown bruto instantaneamente.
- **Conteúdo Rico**: Suporte completo para **Imagens**, **Tabelas**, **Checklists**, **Links** e **Citações**.
- **Configurador de Estilo Premium**:
- **Tipografia**: Escolha entre fontes selecionadas (Inter, Lora, JetBrains Mono, Outfit).
- **Layout**: Controle total sobre margens, altura de linha e tamanho do papel (A3, A4, A5, Letter).
- **Cores de Destaque**: Personalize a interface com um sistema de cores de acento dinâmico.
- **Internacionalização (i18n)**: Suporte nativo para **Português, Inglês, Espanhol, Mandarim e Japonês**.
- **Exportação Universal**: Gere arquivos **PDF**, **Word (DOCX)**, **PNG**, **HTML** e **Markdown** com um clique.
- **Sistema de Apoio**: Integração com **Ko-fi** e **Pix** para suporte ao desenvolvedor.
- **Design Moderno**: Interface em Flat Design com glassmorphism sutil e modo escuro responsivo.
### 🛠️ Tecnologias
- **Frontend**: React 19, TypeScript, Vite 7.
- **Editor**: Tiptap (StarterKit, Markdown, Image, Table, TaskList).
- **Estilização**: Tailwind CSS v3.
- **Exportação**: Docx, html-to-image.
- **Ícones**: Lucide React.
### 📦 Como instalar e rodar
1. Clone o projeto: `git clone https://github.com/raillen/markify.git`
2. Instale as dependências: `npm install`
3. Inicie o servidor: `npm run dev`
---
## 🇺🇸 English
**Markify** is a high-fidelity Markdown editor designed to transform simple text into professional, elegant documents. Focused on premium design and user experience, Markify allows you to visualize, style, and export your documents intuitively.
### 🚀 Key Features
- **Advanced Hybrid Editor (Tiptap)**:
- **Visual Mode (WYSIWYG)**: Rich editing with support for bold, italic, lists, tables, and more.
- **Code Mode (Markdown)**: Switch to view and edit raw Markdown code instantly.
- **Rich Content**: Full support for **Images**, **Tables**, **Checklists**, **Links**, and **Blockquotes**.
- **Premium Style Configurator**:
- **Typography**: Choose from curated fonts (Inter, Lora, JetBrains Mono, Outfit).
- **Layout**: Full control over margins, line height, and paper size (A3, A4, A5, Letter).
- **Accent Colors**: Personalize the UI with a dynamic accent color system.
- **Internationalization (i18n)**: Native support for **Portuguese, English, Spanish, Mandarin, and Japanese**.
- **Universal Export**: Generate **PDF**, **Word (DOCX)**, **PNG**, **HTML**, and **Markdown** files with one click.
- **Support System**: Integrated **Ko-fi** and **Pix** links for developer support.
- **Modern Design**: Flat Design interface with subtle glassmorphism and responsive dark mode.
### 🛠️ Tech Stack
- **Frontend**: React 19, TypeScript, Vite 7.
- **Editor**: Tiptap (StarterKit, Markdown, Image, Table, TaskList).
- **Styling**: Tailwind CSS v3.
- **Export**: Docx, html-to-image.
- **Icons**: Lucide React.
### 📦 Installation and Setup
1. Clone the project: `git clone https://github.com/raillen/markify.git`
2. Install dependencies: `npm install`
3. Start the dev server: `npm run dev`
---
### 🌐 Live Demo
You can see Markify in action here: [https://raillen.github.io/markify/](https://raillen.github.io/markify/)