CodeMd is a powerful web-based tool for managing and documenting code projects. It allows you to easily generate comprehensive Markdown documentation from your project structure, making it simple to share, document, and understand codebases.
- Drag & Drop Interface: Simply drag your project folder or use the file picker
- Smart File Filtering: Automatically excludes common non-essential directories (node_modules, .git, etc.)
- Interactive Tree View: Browse your project structure with an intuitive interface
- Markdown Generation: Creates well-formatted Markdown documentation of your project
- Syntax Highlighting: Preview your generated documentation with proper code highlighting
- Dark/Light Theme: Choose your preferred visual theme
- Export Options: Copy to clipboard or download as .md file
- File Statistics: View file count and total size information
- Responsive Design: Works on desktop and mobile devices
- Select a Project: Drag & drop a folder or click "Select Project Folder"
- Browse Files: Use the tree view to explore your project structure
- Preview Documentation: Check the generated Markdown with syntax highlighting
- Export: Copy to clipboard or download as a Markdown file
CodeMd runs entirely in the browser with no server-side processing, ensuring your code remains private and secure. It uses modern web technologies including:
- Vanilla JavaScript for core functionality
- JSTree for the interactive file tree
- Prism.js for syntax highlighting
- Responsive CSS for cross-device compatibility
CodeMd works best in modern browsers that support the File System Access API:
- Chrome/Edge (full support)
- Firefox (most features)
- Safari (basic support)
MIT License
Contributions are welcome! Feel free to open issues or submit pull requests to help improve CodeMd.