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.
- 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.
- 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.
- Clone o projeto:
git clone https://github.com/raillen/markify.git - Instale as dependências:
npm install - Inicie o servidor:
npm run dev
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.
- 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.
- 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.
- Clone the project:
git clone https://github.com/raillen/markify.git - Install dependencies:
npm install - Start the dev server:
npm run dev
You can see Markify in action here: https://raillen.github.io/markify/