# Side-by-Side Markdown Editors

> Search results for `Markdown editor that writes and previews side by side` on awesome-repositories.com. 114 total matches; showing the first 50.

Explore on the web: https://awesome-repositories.com/q/markdown-editor-that-writes-and-previews-side-by-side

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [this search on awesome-repositories.com](https://awesome-repositories.com/q/markdown-editor-that-writes-and-previews-side-by-side).**

## Results

- [iamcco/markdown-preview.nvim](https://awesome-repositories.com/repository/iamcco-markdown-preview-nvim.md) (7,888 ⭐) — markdown-preview.nvim is a real-time browser-based previewer for Markdown files written within the Neovim text editor. It functions as a live Markdown renderer that converts source text into HTML and provides a synchronized scroll interface to coordinate the editor and the browser preview window.

The tool allows for visual customization through a Markdown CSS customizer, enabling the application of custom stylesheets to the rendered documents. It also supports the embedding of local image assets and the rendering of technical diagrams, charts, and mathematical formulas.

The system manages th
- [sparksuite/simplemde-markdown-editor](https://awesome-repositories.com/repository/sparksuite-simplemde-markdown-editor.md) (10,149 ⭐) — This project is a browser-based Markdown composer and an embeddable JavaScript component designed to replace standard HTML text areas with a formatted editing interface. It serves as a tool for Markdown content authoring, providing a visual environment for creating and formatting text.

The editor features a formatting toolbar and keyboard shortcuts for real-time Markdown parsing, along with integrated spell checking to identify errors as the user types. It includes a system for automatic draft management that saves content to local storage at configurable intervals to prevent data loss.

The
- [pandao/editor.md](https://awesome-repositories.com/repository/pandao-editor-md.md) (14,315 ⭐) — Editor.md is an embeddable Markdown editor component for web applications that provides a real-time, dual-pane live preview alongside the raw source as the user types. It is designed as a plugin-based Markdown editor with a plugin architecture for extending functionality through custom modules, and it supports rendering LaTeX mathematical expressions using KaTeX as well as converting flowchart and sequence diagram syntax into visual diagrams within the preview.

The editor distinguishes itself through its plugin-based extension system, which allows loading additional functionality through exte
- [benweet/stackedit](https://awesome-repositories.com/repository/benweet-stackedit.md) (22,805 ⭐) — StackEdit is a browser-based Markdown editor designed for structured document authoring and collaborative content creation. It functions as an offline-first web application, allowing users to maintain full access to their documents and editing tools without an active internet connection, with changes automatically synchronized once connectivity is restored.

The platform distinguishes itself through its support for real-time multi-user collaboration, utilizing operational transformation to merge concurrent edits from multiple participants. It features a modular architecture that supports speci
- [instant-markdown/vim-instant-markdown](https://awesome-repositories.com/repository/instant-markdown-vim-instant-markdown.md) (2,753 ⭐) — vim-instant-markdown is a real-time synchronization tool and renderer that displays Markdown text from Vim in a browser window. It functions as a document synchronizer that pushes editor buffer changes to a web client via WebSockets for immediate visual updates.

The tool specifically renders GitHub Flavored Markdown, applying the styles and syntax used by GitHub to ensure consistent visual formatting. This provides a continuous feedback loop for layout and formatting during the technical documentation process.
- [adam-p/markdown-here](https://awesome-repositories.com/repository/adam-p-markdown-here.md) (60,218 ⭐) — Markdown Here is a browser extension that enables rich text composition within web-based editors that lack native formatting support. By transforming plain text markdown syntax into rendered HTML, it allows users to draft professional emails and documents using standard markup, including headers, tables, and footnotes, directly inside their browser.

The tool distinguishes itself through a bidirectional transformation engine that supports both the conversion of markdown to HTML and the reversion of rendered content back into its original source code. This state-preserving functionality allows
- [salsita/redux-side-effects](https://awesome-repositories.com/repository/salsita-redux-side-effects.md) (179 ⭐) — redux-side-effects
- [microsoft/vscode-docs](https://awesome-repositories.com/repository/microsoft-vscode-docs.md) (6,549 ⭐) — This repository contains the comprehensive documentation for a code editor focused on AI-assisted software development and remote development workflows. It covers the implementation of AI agents and language models used for autonomous code generation, large-scale refactoring, and task iteration.

The project is distinguished by its deep integration of autonomous AI agents capable of web navigation, application logic validation, and orchestrating multi-step development processes. It provides specialized frameworks for tailoring AI behavior through custom instructions, model context protocols, a
- [dandavison/delta](https://awesome-repositories.com/repository/dandavison-delta.md) (31,136 ⭐) — Delta is a command-line pager that enhances the readability of terminal output by applying syntax highlighting and structured formatting to text streams. It functions as a specialized interface for version control systems, transforming standard output into color-coded, human-readable views.

The tool distinguishes itself through its ability to render side-by-side diff comparisons and visualize merge conflicts with clear, semantic highlighting. It dynamically calculates column widths and text alignment to fit complex file comparisons within the constraints of a terminal window, while allowing u
- [alistgo/alist](https://awesome-repositories.com/repository/alistgo-alist.md) (49,705 ⭐) — Alist is a unified cloud storage gateway that aggregates disparate remote storage providers into a single, navigable virtual file system. By acting as a remote file system proxy, it decouples file operations from specific provider implementations, allowing users to browse, download, and manage files across heterogeneous backends through a standardized interface.

The platform utilizes a driver-based storage abstraction that translates generic file system operations into provider-specific API calls. This architecture supports a wide range of cloud storage services, S3-compatible object storage,
- [archagon/sensible-side-buttons](https://awesome-repositories.com/repository/archagon-sensible-side-buttons.md) (2,095 ⭐) — A macOS menu bar app that enables system-wide navigation functionality for the side buttons on third-party mice.
- [juliorosseti/vue-select-sides](https://awesome-repositories.com/repository/juliorosseti-vue-select-sides.md) (69 ⭐) — A component for Vue.js to select double-sided data.
- [yzhang-gh/vscode-markdown](https://awesome-repositories.com/repository/yzhang-gh-vscode-markdown.md) (3,162 ⭐) — This is a VS Code extension that provides a suite of tools for editing, previewing, and managing Markdown documents. It integrates an authoring toolset, a link management system, and a rendering engine to support the creation of structured technical documentation and knowledge bases.

The project distinguishes itself through advanced reference handling and accessibility features, such as a system that automatically updates internal links when files or headers are renamed and an artificial intelligence tool for generating descriptive image alt text. It also supports the rendering of Mermaid dia
- [47ng/nuqs](https://awesome-repositories.com/repository/47ng-nuqs.md) (10,591 ⭐) — nuqs is a TypeScript library for managing React component state through the browser's URL query string. It provides a type-safe hook-based approach that synchronizes component state with the address bar, enabling shareable and bookmarkable application states. The library handles parsing and serializing URL query parameters into typed JavaScript values, supporting integers, floats, booleans, dates, and custom types with bijectivity verification.

The library distinguishes itself through its comprehensive approach to URL state management, combining batch URL updates that merge multiple parameter
- [soft4ti/vue-select-sides](https://awesome-repositories.com/repository/soft4ti-vue-select-sides.md) (69 ⭐) — A component for Vue.js to select double-sided data.
- [microsoft/vscode-tips-and-tricks](https://awesome-repositories.com/repository/microsoft-vscode-tips-and-tricks.md) (9,086 ⭐) — This project is a comprehensive productivity guide and configuration reference for the VS Code editor. It provides a curated collection of shortcuts, configuration tips, and tutorials designed to improve efficiency and optimize the daily coding workflow.

The resource covers advanced AI-assisted development, including the integration of autonomous agents, custom prompt files, and AI-powered coding assistants for task automation and code generation. It also provides specialized guidance on integrated terminal management, such as configuring shell profiles and automating command execution.

Addi
- [facebook/react](https://awesome-repositories.com/repository/facebook-react.md) (245,669 ⭐) — React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.
- [ooade/preact-side-effect](https://awesome-repositories.com/repository/ooade-preact-side-effect.md) (10 ⭐) — Create components whose prop changes map to a global side effect.
- [vanessa219/vditor](https://awesome-repositories.com/repository/vanessa219-vditor.md) (11,074 ⭐) — Vditor is a browser-based Markdown editor and rendering engine that supports multiple editing interfaces, including a visual rich-text experience, instant rendering, and a traditional side-by-side split-view preview. It serves as an authoring tool for technical documentation and a component for web-based editor integration.

The project is distinguished by its support for complex technical content, utilizing specialized rendering for mathematical formulas, flowcharts, sequence diagrams, and mind maps. It also functions as a collaborative document review tool, enabling users to attach anchored
- [filamentphp/filament](https://awesome-repositories.com/repository/filamentphp-filament.md) (31,215 ⭐) — Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel ecosystem. It provides a declarative, component-based architecture that allows developers to construct complex, data-driven applications using server-side configuration objects rather than manual HTML. By inspecting database model structures and relationships, the framework automates the generation of CRUD interfaces, forms, and data tables, significantly reducing boilerplate code.

The project distinguishes itself through a highly modular and extensible design that supports custo
- [ant-design/ant-design](https://awesome-repositories.com/repository/ant-design-ant-design.md) (98,362 ⭐) — Ant Design is an enterprise-grade component library and design system framework built for developing complex, data-heavy web applications. It provides a comprehensive collection of pre-built, state-driven interface elements that map data properties to rendered components, ensuring consistent interaction patterns and visual language across large-scale projects.

The library distinguishes itself through a robust styling architecture that utilizes design tokens and hierarchical configuration providers to propagate global settings like themes, locale, and layout direction. By employing component-l
- [vue-comps/vue-side-nav](https://awesome-repositories.com/repository/vue-comps-vue-side-nav.md) (50 ⭐) — side-nav - done in vue
- [bookstackapp/bookstack](https://awesome-repositories.com/repository/bookstackapp-bookstack.md) (18,305 ⭐) — BookStack is a self-hosted knowledge base platform designed for organizing, storing, and managing structured documentation. It utilizes a hierarchical content model that arranges information into nested trees of books, chapters, and pages, supported by a dedicated search index for rapid retrieval across the entire knowledge base.

The platform distinguishes itself through deep integration with enterprise identity providers, allowing organizations to centralize authentication and access control via LDAP, SAML, or OIDC. It provides extensive administrative control over the content lifecycle, inc
- [davidgranstrom/nvim-markdown-preview](https://awesome-repositories.com/repository/davidgranstrom-nvim-markdown-preview.md) (112 ⭐) — Markdown preview for neovim using pandoc and live-server
- [joeyespo/grip](https://awesome-repositories.com/repository/joeyespo-grip.md) (6,807 ⭐) — Grip is a GitHub API rendering tool and markdown previewer that transforms local markdown files into styled HTML. It functions as a converter for processing markdown text into HTML files and as a local server for verifying content appearance before it is committed to a repository.

The project ensures visual parity with GitHub by using the GitHub API to render content, applying the specific styles used in repository comments, issues, and pull requests. It includes a mechanism to embed external CSS directly into generated HTML files for portable offline distribution and utilizes disk-based asse
- [revolunet/sublimetext-markdown-preview](https://awesome-repositories.com/repository/revolunet-sublimetext-markdown-preview.md) (2,293 ⭐) — Sublime Text 2/3 Markdown Preview
- [getgrav/grav](https://awesome-repositories.com/repository/getgrav-grav.md) (15,395 ⭐) — Grav is a flat-file content management system that eliminates the need for a traditional database by storing site content and configuration in human-readable Markdown and YAML files. Built as a modular PHP web framework, it uses a hierarchical page routing system where the physical directory structure directly determines the site's URL paths.

The platform is distinguished by its event-driven plugin architecture and a command-line interface that prioritizes system administration, deployment, and maintenance tasks. It utilizes a blueprint-driven system to generate administrative forms from stru
- [taniarascia/takenote](https://awesome-repositories.com/repository/taniarascia-takenote.md) (7,123 ⭐) — TakeNote is a containerized web application designed as a markdown notes manager for developers. It provides a structured environment for storing technical documentation and plain text snippets using categories and favorites.

The application functions as a specialized markdown text editor featuring multi-cursor support and keyboard shortcuts for high-efficiency text manipulation. It includes a live preview mode that renders markdown with syntax highlighting for code blocks.

The system covers note organization and management through category-based filtering, bulk collection actions, and a dra
- [fingerprintjs/fingerprintjs](https://awesome-repositories.com/repository/fingerprintjs-fingerprintjs.md) (27,334 ⭐) — Fingerprint is a visitor identification and fraud detection platform that generates persistent, unique identifiers by analyzing browser and device attributes. By extracting technical signals from the client environment, it enables reliable user tracking across sessions without relying on traditional cookies.

The platform distinguishes itself through its focus on high-accuracy identification and security-first architecture. It employs edge-side proxying to bypass ad-blockers and privacy restrictions, ensuring consistent data collection. To maintain data integrity, it uses cryptographic payload
- [atom/atom](https://awesome-repositories.com/repository/atom-atom.md) (60,807 ⭐) — Atom is an extensible code IDE and hackable text editor designed for source code editing and the creation of custom development environments. It functions as a syntax highlighting editor and a version control integrated editor that tracks file changes and synchronizes code with remote repositories.

The editor allows for the modification of its own core functionality and supports a package-based plugin system for creating custom themes and snippets. It also serves as a Markdown preview editor, providing side-by-side visual rendering for content authoring.

The platform includes capabilities fo
- [dubinc/dub](https://awesome-repositories.com/repository/dubinc-dub.md) (23,722 ⭐) — This project is a comprehensive link management and marketing attribution platform designed for creating, tracking, and analyzing shortened URLs. It functions as a centralized hub for marketing analytics, providing tools to monitor link performance, visualize conversion funnels, and manage affiliate programs through a unified dashboard.

The platform distinguishes itself by integrating advanced attribution modeling and partner management directly into the link infrastructure. It supports complex marketing workflows, including automated commission calculations, fraud detection, and payout distr
- [ligershark/side-waffle](https://awesome-repositories.com/repository/ligershark-side-waffle.md) (650 ⭐) — A collection of Item- and Project Templates for Visual Studio
- [hackvertor/server-side-prototype-pollution](https://awesome-repositories.com/repository/hackvertor-server-side-prototype-pollution.md) (7 ⭐) — This extension identifies server side prototype pollution vulnerabilities, and requires Burp Suite v2021.9 or later.
- [gcssloop/androidnote](https://awesome-repositories.com/repository/gcssloop-androidnote.md) (9,332 ⭐) — AndroidNote is a technical knowledge base and reference resource for Android development. It provides comprehensive guidance on application architecture, custom view development, and advanced graphics programming.

The project is distinguished by its depth in visual implementation, covering pseudo-3D perspective projections via virtual cameras and complex 2D rendering using Bézier curves and PorterDuff color blending. It also provides detailed methodologies for app modularization and the management of internal libraries through private Maven repositories and JitPack.

The reference surface ext
- [googlechrome/chrome-extensions-samples](https://awesome-repositories.com/repository/googlechrome-chrome-extensions-samples.md) (17,623 ⭐) — This repository serves as a comprehensive reference library for browser extension development, providing a collection of code samples and implementation patterns. It is designed to help developers understand the requirements for building extensions that adhere to current manifest standards, specifically focusing on the transition to and implementation of version three specifications.

The project provides functional examples for core extension capabilities, including the use of event-driven background service workers, isolated content script injection, and message-passing for inter-process com
- [googlechrome/lighthouse](https://awesome-repositories.com/repository/googlechrome-lighthouse.md) (30,355 ⭐) — Lighthouse is an automated diagnostic tool that evaluates web pages against industry standards for performance, accessibility, and search engine optimization. It functions as a programmatic analysis engine and a command-line utility, allowing developers to integrate comprehensive web quality checks directly into continuous integration pipelines and local development workflows.

The project distinguishes itself through a modular architecture that utilizes artifact-based data collection to ensure consistent analysis across different environments. It supports a headless execution mode for automat
- [jbt/markdown-editor](https://awesome-repositories.com/repository/jbt-markdown-editor.md) (2,878 ⭐) — Use it here. The live markdown reader will display a preview as you type.
- [skwp/dotfiles](https://awesome-repositories.com/repository/skwp-dotfiles.md) (6,976 ⭐) — This project is a curated configuration suite and development environment bootstrapper designed to optimize Zsh and Vim. It provides a collection of dotfiles, plugins, and scripts that automate the installation of system packages and shell tools to standardize a local workstation.

The suite focuses on creating a consistent experience across the command line and text editor. It implements a Zsh shell framework with syntax highlighting and fuzzy matching, alongside a Vim configuration that includes advanced plugins and modal editing. It also provides a set of sane defaults and Vim-style keybind
- [kunall17/react-native-markdown-editor](https://awesome-repositories.com/repository/kunall17-react-native-markdown-editor.md) (112 ⭐) — A markdown editor like github comment editor (contains preview, helper buttons)
- [sinelaw/fresh](https://awesome-repositories.com/repository/sinelaw-fresh.md) (5,914 ⭐) — Zed is a terminal-based code editor built in Rust that provides a full-featured editing experience with familiar keybindings, mouse support, and multiple cursors. It runs entirely in the terminal while offering capabilities typically found in graphical editors, including split panes, a command palette, and integrated language server protocol support for real-time diagnostics, completions, go-to-definition, and code actions across multiple languages.

The editor distinguishes itself through a plugin system that runs sandboxed TypeScript plugins in a QuickJS runtime, with an asynchronous bridge
- [eligrey/filesaver.js](https://awesome-repositories.com/repository/eligrey-filesaver-js.md) (22,032 ⭐) — FileSaver.js is a client-side utility library designed to trigger browser download prompts for files generated within a web application or retrieved from remote web addresses. It enables the export of data directly to a user's local device, eliminating the need for server-side processing or backend infrastructure to handle file creation and storage.

The library functions as a wrapper for the browser Blob API, simplifying the process of encapsulating binary data and mapping it to temporary object URLs. By programmatically managing anchor elements and their download attributes, it simulates use
- [silverbulletmd/silverbullet](https://awesome-repositories.com/repository/silverbulletmd-silverbullet.md) (4,710 ⭐) — Silver Bullet is a local-first, bidirectional Markdown wiki that functions as a Lua-scriptable note-taking platform with an embedded declarative query language. It treats a single folder on your device as the root workspace, monitoring that directory for file changes via a native file-system watcher to keep its in-memory index and user interface synchronised in near real-time. Notes are parsed into a live-preview Markdown AST that re-renders only changed nodes as you type, and the application builds a directed graph of internal hyperlinks from each note’s content to support bidirectional navig
- [anomalyco/opentui](https://awesome-repositories.com/repository/anomalyco-opentui.md) (12,131 ⭐) — Opentui is a terminal user interface framework for building interactive command line applications. It provides a component-based system featuring a flexbox layout engine, a virtual node component tree, and a low-level 2D cell array renderer.

The project is distinguished by a sophisticated keyboard binding engine that maps complex multi-stroke sequences and chords to named commands using prioritized, reactive layers. It also implements a plugin architecture that allows external modules to inject custom UI components into designated layout slots and extend input logic at runtime.

Its capabilit
- [easychen/lean-side-bussiness](https://awesome-repositories.com/repository/easychen-lean-side-bussiness.md) (11,984 ⭐) — This project is a comprehensive software entrepreneurship curriculum and solopreneurship business playbook designed for developers. It provides a strategic framework for building, validating, and monetizing side businesses using lean startup methodology and a systematic product development approach.

The project distinguishes itself by offering specific guides for digital monetization and career anti-fragility, helping software engineers transition from employment to self-employment. It focuses on turning technical skills into scalable digital assets, paid communities, and independent software
- [jrm2k6/react-markdown-editor](https://awesome-repositories.com/repository/jrm2k6-react-markdown-editor.md) (215 ⭐) — A markdown editor using React/Reflux
- [directus/directus](https://awesome-repositories.com/repository/directus-directus.md) (36,030 ⭐) — Directus is a headless content platform that functions as a backend service, automatically generating REST and GraphQL APIs by performing introspection on existing SQL database schemas. It serves as a unified data orchestration layer, decoupling content management from frontend delivery while providing a secure, stateless gateway for database transactions.

The platform distinguishes itself through a granular role-based access control engine that enforces security policies at the field level across all API endpoints. It includes a visual, low-code administrative dashboard that allows non-techn
- [0x7c13/notepads](https://awesome-repositories.com/repository/0x7c13-notepads.md) (10,131 ⭐) — Notepads is a minimalist text editor for Windows that renders its interface directly through native Win32 API calls, without relying on cross-platform toolkits. It is built around a single-instance document model where each open file is managed as an independent object with its own undo history and state, organized through a tab-based interface with keyboard-driven navigation.

The editor distinguishes itself by supporting bidirectional text flow, allowing users to toggle paragraph direction between left-to-right and right-to-left. It also includes a real-time Markdown live preview that displa
- [datatables/datatables](https://awesome-repositories.com/repository/datatables-datatables.md) (7,408 ⭐) — DataTables is a feature-rich HTML table library that transforms static HTML tables into interactive data grids with sorting, paging, filtering, and server-side processing support. It provides a client-side rendering engine that handles table rows, pagination, and sorting entirely in the browser, while also offering a server-side processing pipeline that offloads sorting, filtering, and paging operations to a backend for efficient handling of large datasets.

The library distinguishes itself through its plugin-based extension system, which allows custom functions and widgets to modify table beh
- [kde/ghostwriter](https://awesome-repositories.com/repository/kde-ghostwriter.md) (4,797 ⭐) — Ghostwriter is a distraction-free markdown text editor and document processor. It provides a focused writing environment for composing documents using markdown syntax, separating the drafting process from final formatting.

The application features a minimalist interface designed to minimize visual clutter, including the ability to disable deletion keys to enforce a forward-only drafting flow. It includes a live statistics dashboard for tracking word counts and session metrics, as well as visual highlighting that fades non-active text to focus attention on the current line, sentence, or paragr
- [agusmakmun/django-markdown-editor](https://awesome-repositories.com/repository/agusmakmun-django-markdown-editor.md) (895 ⭐) — 🙌 Awesome Django Markdown Editor, supported for Bootstrap & Semantic-UI