Markydowny
A simple, beautiful browser-based markdown renderer that supports folders and embedded images.
Overview
Markydowny is a static web application that enables users to view markdown files through an intuitive drag-and-drop interface. It's designed for developers and writers who want to preview their markdown files instantly, without complex setup or installation.
The Challenge
Markdown rendering options for cloned GitHub repos are limited. When you clone a repository locally, viewing README files and documentation with proper formatting typically requires installing tools, setting up local servers, or copying content into online editors.
Most existing solutions either require installation, lack support for embedded images with relative paths, or can't handle entire folders of markdown files. Developers needed a simpler way to quickly preview markdown content without any setup friction.
Our Solution
Markydowny is a zero-installation markdown viewer that works entirely in the browser. Simply drag and drop a markdown file or an entire folder onto the page to instantly see beautifully rendered content with syntax highlighting.
What sets Markydowny apart is its intelligent handling of folders and images. When you drop a folder containing markdown files, the app automatically finds all markdown files and lets you select which one to view. Relative image paths are automatically resolved from the folder structure, so embedded images display correctly.
The entire application is pure HTML, CSS, and JavaScript with no build process or server required. It works offline after the initial load and can be hosted on any static hosting platform.
Technology Stack
- HTML / CSS / JavaScript
- marked.js for parsing
- File API for drag-and-drop
- Static hosting (no server)
Key Features
- Drag-and-drop files & folders
- Relative image path resolution
- Syntax highlighting
- Fullscreen reading mode
- Works offline
Need a Web-Based Tool Built?
Let's discuss how we can create simple, effective solutions for your workflow.